nmatjar / reactjs_projects_starter Goto Github PK

Starter Template for building apps with React.js.
Main purpose of this starter is to save developers time, which is usually spend on creating basic skeletons, configs and getting all together when building the apps. This template might be extremly usefull for building demos, prototypes or starting new project from the scratch.

• React router support for pages routing
• PropTypes support
• Redux integration and configuration with async actions ("ducks" approach)
• Styled-components with predefined global styles and app theme configuration
• Localization with i18next configuration
• Axios for api interactions
• React Helmet for meta tags
• Basic predefined react hooks
• Predefined HOC for centralized api errors handle
• Predefined redux store with example actions
• Predefined redux store entity for centralized errors handling
• Predefined basic util functions
• Preconfigured testing tools (Jest, Enzyme)
• Some predefined components, strucutre and configured toasted messages

You need to setup envs before using the starter.

  touch .env # create env file
  # check .env.example for envs names

  yarn install # install dependenices

  yarn start # run dev mode

  yarn build # build prod version

  yarn serve # run prod locally

  yarn test[:coverage/:watch] # run tests once/with coverage/in watch mode

NOTE:
In production mode use any server to serve build. Most common case is nginx or express serving static

Main purpose of this starter template is to rid developers of creating the basic projects skeleton and spending a lot of time with setting up basic projects configs.
Feel free to use this starter template for building own apps, modify it as you need and actually change it whatever you like to fit your project demands.