-
🛡️ Solid React
-
⚔️ Solid React Dashboard
-
⚡ Light React (Upcoming)
The directory layouts of the solid boilerplates
.
├── .vscode # Vscode config, for autoformat on save.
├── build # After running the build command the build files get put here
├── node_modules # NPM dependency folder
├── public # Reacts public folder for the html and static assets
├── src # Source directory for the React Application
├── src # Source directory for the React Application
│ │
│ ├── api # API async functions folder.
│ ├── assets # Static assets folder for the global scope. Example: images, icons, fonts etc.
│ ├── components # Typical React component folder but only for global components.
│ ├── config # App config (More details inside the folder)
│ ├── features # Features pattern folder for Application features (More details inside the folder)
│ ├── lib # Global helper functions and custom hooks folder
│ ├── pages # Pages component folder
│ ├── router # Application navigation/routing config (More details inside the folder)
│ ├── services # Folder for services like custom axios instance, analytics etc.
│ ├── store # Application Redux store
│ ├── styles # Custom SC components, CSS, less utilities
│ └── App.js # Entry component for the React App.
│
├── craco.config.js # Extend Webpack config (example: Ant Design theme variable modifying)
├── jsconfig.json # Adjust file paths to use absolute file path for React
├── package.json # The NPM config file for all the packages installed and scripts and more
├── .env # Store API Url, Secret API keys etc
├── .eslintrc # Configure Eslint
├── .eslinignore # ignore certain files for Eslint
├── .gitignore # ignore certain files for git (example: .env)
├── .prettierrc # Configure prettier (example: .env)
└── .prettierignore # ignore certain files for Prettier
This software uses the following open source packages:
- React
- Ant Design
- Styled Components
- React Redux
- Redux Saga
- @reduxjs/toolkit
- redux-logger
- redux-persist
- React Intl
- React Router
- @ant-design/icons
- Axios
- Craco
- @testing-library/react
- polished
- eslint
- prettier
- husky
- And more..
MIT