React Start Kit

packages installed

• react
• antd for UI Components
• react-router-dom for App Routing
• react-redux for state management
• axios for Http Requests
• history for navigation
• 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

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

...

<FontAwesomeIcon icon={faUser} />