Skip to content

zpm683/react-template-next

Repository files navigation

react-template-next

Quick to build a modern react app with react clean architecture!

Features ✨

About Env 🌌

  • Node version need >=18
  • If you want to run the "output-dependencies" script, you must have graphviz installed.

Other version 🔗

How to use? 🤨

Step1:clone this project
Step2:npm i
Step3:npm run dev
Step4:make your components in src/**
Step5: make your test code in test/**
Step6: run scripts (build/preview/test/lint/...)

that's all, happy hacking!

Script 🪃

  • dev
  • mock
  • build
  • preview
  • test
  • e2e-test
  • lint
  • coverage
  • storybook
  • build-storybook
  • check-circular
  • output-dependencies
  • remove-node_modules
  • upgrade-node_modules

Catalog 📑

├─.husky ├─.mock ├─config.json └─data.json ├─.storybook ├─.vscode ├─coverage ├─dist ├─node_modules ├─public ├─storybook-static ├─.env.development ├─.env.production ├─.gitignore ├─.madgerc ├─.prettierignore ├─.prettierrc ├─architecture.png ├─dependencies.svg ├─.eslint.config.js ├─index.html ├─LICENSE ├─package.json ├─README.md ├─stats.html ├─tsconfig.json ├─vite.config.ts └─src ├─app | ├─@types | ├─apis | ├─components | | ├─atoms | | ├─molecules | | ├─organisms | | └─index.ts | ├─constants | ├─hooks | ├─layouts | ├─features | ├─stores | ├─themes | ├─utils | ├─app.tsx | └─index.ts ├─shared | ├─components | ├─hooks | └─utils ├─test | └─setup.ts ├─index.css ├─index.tsx ├─reset.d.ts └─env.d.ts

About React-Clean-Architecture 🧐

react-clean-architecture

Demo ⚛️