https://github.com/ebazhanov/react-folder-structure
A simple example of how you can organize your React App folder structure
https://github.com/ebazhanov/react-folder-structure
example-project folders javascript react structure
Last synced: about 2 months ago
JSON representation
A simple example of how you can organize your React App folder structure
- Host: GitHub
- URL: https://github.com/ebazhanov/react-folder-structure
- Owner: Ebazhanov
- Created: 2020-07-12T08:52:35.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-08T17:04:38.000Z (over 4 years ago)
- Last Synced: 2025-04-13T09:51:53.067Z (about 2 months ago)
- Topics: example-project, folders, javascript, react, structure
- Language: JavaScript
- Homepage:
- Size: 217 KB
- Stars: 6
- Watchers: 1
- Forks: 25
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Project structure for your React App
-----------------------------------------
> the idea of this repo is to show how you can structure files by using folders
> in additional you can take a look at [style guide standards](https://github.com/airbnb/javascript/tree/master/react)
```
├── node_modules (.gitignore)
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
├── src
│ ├── assets
│ │ │ ├── images
│ │ │ └── logo.svg
│ ├── constants
│ │ └── data.js
│ ├── components
│ │ ├── app
│ │ │ ├── App.css
│ │ │ ├── App.jsx
│ │ │ └── App.test.js
│ │ └── index.js
│ ├── utils
│ │ ├── ...
│ │ └── index.js
│ ├── index.css
│ ├── index.js
│ ├── serviceWorker.js
│ └── setupTests.js
├── .gitignore
├── package.json
└── README.md
└── yarn.lock
```