If you are reading this, you probably know what React.js is and might have already used it Earlier. However, you might be wondering why I am reading about folder structure?
Technically you could do that and React.js will take care of everything. But as soon as your project becomes larger, it will become hard for you to maintain your files and debug them. Also if you are going to work in a team for your team members, it's very difficult to grasp your code.
So there must be a perfect folder structure to keep your src folder clean.
<aside> 💡 ReactJs is a frontend library for building User Interfaces.
React is all about Components!
Actually, entire UIs broke down into multiple individual pieces that are components and then work on them independently and merge them all in a parent component which will be the final UI.
In this section, we will cover only the directory structure of the React.js application.
So let's begin..... 🤩
Open your terminal
Run the code
npm i -g create-react-app
npx create-react-app my-app-name
This will create a template React.js app that we can modify to make it our own.
After installing react node_modules will be automatically installed as shown below.