cra-template-advanced
Advanced TypeScript+Redux+Others template for Create React App.
Extends react-sripts official typescript template. Added redux, redux-sagas, react-router, @material-ui and other basic common dependencies in real day use.
To use this template, add --template @pcapanna/cra-template-advanced
when creating a new app.
For example:
npx create-react-app my-app --template @pcapanna/cra-template-advanced
#or
yarn create react-app my-app --template @pcapanna/cra-template-advanced
Built-in
Your initial Application will already have, out of the box:
- A Login module, with basic configuration for an authentication flow.
- A Layout module, with custom components to wrap your Screen Components.
- A responsive Menu drawer module.
- Example and About module, as examples of how to extend the application with your own modules with or without Redux.
- An UI module, with some useful UI components.
Most modules already use Redux.
Observations
- In order make Login authentication work at some URL different to 'localhost:3000', you need to change constant GOOGLE CLIENT ID of the Login Module. Go to src/modules/login/constant and replace constant GOOGLE_CLIENT_ID for your own. Follow Google's instructions to make another URL work.
For more information, please refer to:
- Getting Started – How to create a new app.
- User Guide – How to develop apps bootstrapped with Create React App.