The Boilerplate to start React+Redux project with TypeScript in an easier and faster way.
- React
- Redux
- TypeScript
- Webpack
- Jest
- Tailwind
- styled-components
- EsLint
- Prettier
-
Make sure you have a fresh version of Node.js and NPM installed. The current Long Term Support (LTS) release is an ideal starting point
-
Clone this repository to your computer:
git clone https://github.com/vannizhang/react-redux-boilerplate.git
-
From the project's root directory, install the required packages (dependencies):
npm install
-
To run and test the app on your local machine (http://localhost:8080):
# it will start a server instance and begin listening for connections from localhost on port 8080 npm run start -
To build/deploye the app, you can run:
# it will place all files needed for deployment into the /dist directory npm run build
├── public
├── favicon.ico
├── index.html # html template for the app
├── thumbnail.jpg # an image will be used in og:image meta tag
├── src # Source code.
├── components # reusable UI components
├── ArcGIS # building blocks for the Map Interface with ArcGIS API for JavaScript (e.g. MapView, Search Widget and tec)
├── constants # app-wide constants (text, URLs, themes and etc)
├── contexts # React contexts
├── hooks # reusable custome hooks
├── pages # Page components
├── services # API calls
├── static # static assets
├── store # Redux store
├── reducers # reducers to manage app's state
├── configureStore.ts
├── getPreloadedState.ts
├── styles # app-wide styles
├── types # type definitions
├── utils # utility functions
└── index.tsx # entry point for the app
├── .babelrc
├── .eslintrc.js
├── .prettierrc.js
├── package.json
├── tsconfig.json
├── webpack.config.js
├── tailwind.config.js
├── postcss.config.js