Deha React Base
This package is used to create react app with some common dependencies.
To use:
npx @luongtt/create-react-base {project-name}
We use npx create-react-app
to create the base and install the
latest versions of dependencies as below list:
Dev dependencies:
-
Coding convention
eslint
prettier
eslint-config-prettier
eslint-plugin-prettier
eslint-config-airbnb
-
Tailwindcss
tailwindcss
postcss
autoprefixer
Dependencies:
-
Type checking:
prop-types
-
Router:
react-router-dom
-
Language translator:
react-i18next
i18next
-
State management:
@reduxjs/toolkit
react-redux
-
Form management
react-hook-form
-
Material UI:
@mui/material
@emotion/react
@emotion/styled
@mui/icons-material
@mui/lab
@mui/base
The config of eslint, prettier and tailwind is already included, and coding conventions follow Airbnb JavaScript Style Guide.
We provide some sample of router, store config, theme switcher and lang switcher components. You can view demo in this project.