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.