https://github.com/wisdomfusion/react-starter-kit

Start Kit for React.js and Ant Design, using create-react-app, including JWT authentication flow, and Redux examples. See https://github.com/WisdomFusion/react-antd-boilerplate for using React Hooks.
https://github.com/wisdomfusion/react-starter-kit

antd axios jwt-authentication react react-router-dom redux starter-kit

Last synced: about 2 months ago
JSON representation

Start Kit for React.js and Ant Design, using create-react-app, including JWT authentication flow, and Redux examples. See https://github.com/WisdomFusion/react-antd-boilerplate for using React Hooks.

• Host: GitHub
• URL: https://github.com/wisdomfusion/react-starter-kit
• Owner: wisdomfusion
• License: mit
• Created: 2018-03-14T03:01:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-25T09:29:00.000Z (almost 2 years ago)
• Last Synced: 2023-08-03T01:12:08.820Z (over 1 year ago)
• Topics: antd, axios, jwt-authentication, react, react-router-dom, redux, starter-kit
• Language: JavaScript
• Homepage:
• Size: 10.3 MB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Start Kit

## packages installed

- [react](https://reactjs.org/)

- [antd](https://ant.design/) for UI Components

- [react-router-dom](https://reacttraining.com/react-router/) for App Routing

- [react-redux](https://redux.js.org/) for state management

- [axios](https://github.com/axios/axios) for Http Requests

- [history](https://github.com/ReactTraining/history) for navigation

- [prop-types](https://github.com/facebook/prop-types) for runtime type checking

## quick start

dotenv:

```

cat .env.development.local

DOMAIN=http://www.example.test.com

BASENAME=

PUBLIC_URL=$BASENAME

REACT_APP_DOMAIN=$DOMAIN

REACT_APP_URL_PREFIX=$DOMAIN/basename/api

REACT_APP_BASENAME=$BASENAME

```

start up:

```

  git clone https://github.com/WisdomFusion/react-starter-kit.git

  cd react-starter-kit/

  yarn install

  yarn start

```

project structure:

- assets/

- components/

- core/

  - http.js

- services/

- shared/

  - config.js

  - utils.js

  - history.js

- store/

  - actions/

    - types.js

    - *.actions.js

  - reducers/

    - index.js

    - *.reduser.js

- routes.js

## Font Awesome

[Free Font Awesome icons](https://fontawesome.com/icons?d=listing&m=free)

```

import { faUser, faLock } from '@fortawesome/free-solid-svg-icons';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

...

```