Кто поможет с файловой системой React?

Question

[fsociety_one]

Ребят, кто работает с React, хелп. В папке src, все понятно, но как разбивать проект? На каждый блок (header, aside, content) разбивать по 2 файла js css? Или можно по 1 файлу js css на весь проект?

Comments

[fsociety_one]

Не content, а section*

Answer 1

[Robur]

В React нет файловой системы, он работает в браузере.

но как разбивать проект

как хотите. часто компоненты в отдельнй папке, под другие части системы - тоже свои папки в src.

На каждый блок (header, aside, content) разбивать по 2 файла js css? Или можно по 1 файлу js css на весь проект?

на каждый компонент - отдельный файл js и к нему файл css.

Вообще - возьмите create-react-app и делайте в той структуре которая там есть. Для вас лучший вариант. Когда прокачаетесь - сможете с пониманием сделать по своему.

Comments

[fsociety_one]

И так работаю в create-react-app, просто не знал как разбить.
Благодарю!

Answer 2

[Hlib]

Для вашего же удобства лучше разбивать весь проект на разные файлы, отвечающие за разные части кода.
Это поможет не только улучшить читаемость кода, но и устранит дублируемый код.
Собирать все эти компоненты можно передавать через export и import в друг друга.
Главный элемент импортируется в index.js, где вставляется в документ ReactDOM.render
С css опционально, можно вообще использовать StyledCss.
Однако если конкретно обратиться к вопросу, то тоже лучше разделить css систему на модули и импортировать в нужные компоненты. Станет намного удобнее.

Comments

[fsociety_one]

Хорошо, благодарю!