Basic Package
Description:
- Create react basic package with simple steps.
npx react-chef sample (Project Name)
choose your project type (Basic)
- Slim
- Basic
choose your port number
- 3000
- 4000
- 5000
- 6000
- 7000
do you want to add eslint? (Y/n)
do you want to add prettier? (y/N)
do you want to add husky which enables linting and prettier on pre-commit hook? (y/N)
do you want to add react-hook-form? (y/N)
run the app in development mode
- npm run dev
Project Structure
sample
├── node_modules
├── package.json
├── .eslintrc.json
├── .prettierrc.json
├── .babelrc
├── webpack.config.js
└── src
├── components
├── blocks
├── ErrorHandler
├── ErrorHandler.js
├── index.js
├── Loader
├── PageLoader
├── PageLoader.js
├── index.js
├── index.js
├── Region
├── Footer
├── Footer.js
├── index.js
├── Sidebar
├── SidebarNav
├── SidebarNav.js
├── index.js
├── index.js
├── TopBar
├── TobBar.js
├── index.js
├── index.js
├── widgets
├── Fields
├── InputTextField
├── InputTextField.js
├── index.js
├── index.js
├── Loader
├── BlockLoader
├── BlockLoader.js
├── index.js
├── Spinner
├── Spinner.js
├── index.js
├── index.js
├── index.js
├── i18n
├── withI18n.js
├── index.js
├── modules
├── Dashboard
├── Dashboard.js
├── index.js
├── NotFound
├── NotFound.js
├── index.js
├── SignIn
├── SignIn.js
├── index.js
├── index.js
├── static
├── images
├── translations
├── index.html
├── utils
├── RoutePaths.js
├── index.js
├── App.js
├── index.js
npm run build
Run the app in production mode
- npm run build