/react-antd-boilerplate

⚛️ Create React Ant Design Boilerplate

Primary LanguageJavaScriptMIT LicenseMIT

⚛️ Create React Ant Design Boilerplate
GitHub issues GitHub forks GitHub stars GitHub license GitHub code size in bytes GitHub last commit David

Create React App + Ant Design + React Boilerplate

Need to change the REACT_APP_BASE_URL. Here is an example server. https://github.com/PW486/express-ts-starter

Getting Started

> git clone https://github.com/PW486/react-antd-boilerplate.git
> npm install
> npm start

Set Environments

> cp .env.example .env
> vi .env

Building

> npm run build

Developing

  • Remove local branches deleted on remote server
    > git fetch -p && for branch in `git branch -vv --no-color | grep ': gone]' | awk '{print $1}'`; do git branch -D $branch; done
  • Keep the linter and formatter rules
  • Check unused, outdated states of dependencies : depcheck npm-check-updates

Tech Stack

Category Name
Language JavaScript
UI Framework React
State Manager Redux
Side Effect Manager Redux Saga
Selector Reselect
UI Component Ant Design
Authentication JWT
Linter ESLint
Formatter Prettier

Project Structure

Main Directory

src
├── components # Layout, Shared, Custom Components
|  ├── Header
|  ├── PrivateRoute
|  └── Sider
├── containers # Components with a Redux store
|  ├── Board
|  ├── NotFound
|  └── SignIn
├── routes # Routes directory
├── utils # Util directory
├── App.js
├── global.reducer.js
├── global.selectors.js
└── index.js

Board Directory

Board
├── PostTable # Subcomponents
|  └── index.js
├── WritePostModal # Subcomponents
|  └── index.js
├── board.actions.js
├── board.api.js
├── board.constants.js
├── board.reducer.js
├── board.saga.js
├── board.selectors.js
└── index.js

File naming convention is "key of store"."attribute". Subcomponents that will be used only within the page create and use separate directories.

Demo

Create React Ant Design Boilerplate
YouTube

License

Copyright © 2019 DONGGEON LIM.
This project is MIT licensed.