This content originally appeared on DEV Community and was authored by Rubem Vasconcelos
Create React apps using Clean Architecture with no build configuration.
It's like create-react-app, but more efficient and easier to scale. The purpose is to help improve time during development.
- User Guide (still only in Portuguese) – How to develop apps bootstrapped with Clean React App.
Clean React App works on macOS, Windows, and Linux.
If something doesn’t work, please file an issue.
Quick Overview
npx @rubemfsv/clean-react-app my-app
cd my-app
npm start or npm run dev
Done. Everything is set up and ready to run.
This boilerplate contains the following settings:
- Local storage adapter;
- Axios as HTTP Client;
- Webpack configured for development and production environments;
- Basic end-to-end test settings with Cypress;
- Unit tests with Jest;
- Husky with pre-push to run unit tests;
- Authentication with validations;
- Validation layer for reuse of validations;
- Some hooks to help with API calls and form submissions;
- Private route configured;
- Three pages to help improve productivity:
- Login page
- Sign up page
- Dashboard
It's open source. Feel free to contribute!
Link: https://www.npmjs.com/package/@rubemfsv/clean-react-app
This content originally appeared on DEV Community and was authored by Rubem Vasconcelos
Rubem Vasconcelos | Sciencx (2022-07-18T17:20:25+00:00) Set Up a React App Using Clean Architecture by Running One Command. Retrieved from https://www.scien.cx/2022/07/18/set-up-a-react-app-using-clean-architecture-by-running-one-command/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.