DEV Community

Cover image for My React Base :)
Mateus Valentim
Mateus Valentim

Posted on • Edited on

My React Base :)

#webdev #javascript #react #frontend

Hi, this is my ReactJS base. Usually, I have to build this from the ground up, but it's really tiring. Repeating everything every time is not cool. So, I created this ReactJS base for myself, and I want to share it with you 🫠.

🚀 How to Use

First, you need to clone the React base using this command:

git clone https://github.com/mattsu014/reactjs-base.git
Enter fullscreen mode Exit fullscreen mode

Next, open your project folder using this command:

cd reactjs-base
Enter fullscreen mode Exit fullscreen mode

Now, you need to install the node_modules using this command:

npm install
Enter fullscreen mode Exit fullscreen mode

And finally, install styled-components:

npm install styled-components
Enter fullscreen mode Exit fullscreen mode

📂 My React Organization

Folder Organization

📄 Pages

The Pages folder is self-explanatory. Here, I put all the code for each page of my website.

React Pages

🛠️ Components

In the Components folder, I put all the "building blocks" for my code, such as Cards, Headers, and others.

React Components

Okay, that's all! This is my simple ReactJS base. You can use your creativity to create more folders and organize your code better.

Thanks for reading 🤗.

Top comments (0)