Нужно ли мне помещать текст в App.tsx или мне нужно создать отдельный файл?

У меня вопрос по файлу React (я только начал).

Нужно ли мне помещать текст в App.tsx, например: <h1>Hello World!</h1>, или мне нужно создать отдельный файл, например Text.tsx, и импортировать его в App.tsx?

Спасибо за вашу помощь!

Я облазил весь Интернет, но не нашел сайта, посвященного этой теме.

🤔 А знаете ли вы, что...
React поддерживает создание анимаций и переходов между состояниями.


260
2

Ответы:

То, как вы хотите разделить свое приложение на различные компоненты, полностью зависит от вас. Вы можете добиться того же результата, выполнив любое из ваших предложений.

Я бы порекомендовал прочитать документацию 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, но в дальнейшем для более крупных проектов, думаю, это не подойдет.