У меня вопрос по файлу React (я только начал).
Нужно ли мне помещать текст в App.tsx, например:
<h1>Hello World!</h1>,
или мне нужно создать отдельный файл, например Text.tsx, и импортировать его в App.tsx?
Спасибо за вашу помощь!
Я облазил весь Интернет, но не нашел сайта, посвященного этой теме.
🤔 А знаете ли вы, что...
React поддерживает создание анимаций и переходов между состояниями.
То, как вы хотите разделить свое приложение на различные компоненты, полностью зависит от вас. Вы можете добиться того же результата, выполнив любое из ваших предложений.
Я бы порекомендовал прочитать документацию React о компонентах. Вам никогда не придется создавать компоненты для разных элементов, но в ходе обучения вы поймете, что подходит вам и создаваемому вами приложению.
На мой взгляд, лучше всего добавлять свой текст в index.tsx
или .jsx
. В любом случае важно знать, что позже ваш app.tsx
получит не текст, а библиотеки, которые помогут вам в работе или получении информации о вашем проекте. Сейчас я думаю о Redux или React Router. Лично я никогда не трогаю app.tsx
, потому что использую _document.tsx
для Next.js (https://nextjs.org/docs/pages/building-your-application/routing/custom-document ). В качестве альтернативы, для ванильного React, я предлагаю вам взглянуть на эту ссылку: https://blog.floxus.co/best-practice-to-manage-folder-structure-for-reactjs.
Итак, в заключение, для примера или тестирования можно поставить информацию в app.tsx
, но в дальнейшем для более крупных проектов, думаю, это не подойдет.