ReactJS Opinionated Component Folder Structure Create-React-App (CRA) TypeScript Project

Опубликовано: 25 Ноябрь 2020
на канале: React Tutorials & Tips For ReactJs, d3 Developers

When you work on a React project and the code keeps growing in size, it can become overwhelming as it often includes a large number of components, and then it can be hard to find and maintain.

A neat way to organize your components so it makes it easier to find is to split the component into a separated component type.

This is my recommended folder structure to get started, however, feel free to change and use it as a suggestion only.

To create this structure create these folders.

src/components
src/features
src/layout
src/pages
src/redux
src/recoil/atoms
src/recoil/selectors

If you on a Mac you can use this one-liner in Terminal;

$ mkdir src/components src/features src/layout src/pages src/redux src/recoil src/recoil/atoms src/recoil/selectors

Take the Digital Course & Get 40 Pages React Book
https://www.udemy.com/course/getting-...

Get Free React 17 Book Chapter
https://elielrom.com/ReactBook

View the article on Medium
/ setting-up-professional-react-project-with...

Learning React?
https://github.com/EliEladElrom/react...

На этой странице сайта вы можете посмотреть видео онлайн ReactJS Opinionated Component Folder Structure Create-React-App (CRA) TypeScript Project длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь React Tutorials & Tips For ReactJs, d3 Developers 25 Ноябрь 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 64 раз и оно понравилось 1 зрителям. Приятного просмотра!

283,391

945