https://github.com/nikhil-kumaran/reactjs-boilerplate
Reactjs setup with babel, webpack with basic loaders, ant design, react-router and optimized for production using code splitting and lazy loading.
https://github.com/nikhil-kumaran/reactjs-boilerplate
antd babel react-boilerplate reactjs reactjs-boilerplate webpack
Last synced: 8 months ago
JSON representation
Reactjs setup with babel, webpack with basic loaders, ant design, react-router and optimized for production using code splitting and lazy loading.
- Host: GitHub
- URL: https://github.com/nikhil-kumaran/reactjs-boilerplate
- Owner: Nikhil-Kumaran
- Created: 2019-09-22T19:31:16.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T11:53:19.000Z (almost 3 years ago)
- Last Synced: 2025-04-19T07:42:27.764Z (8 months ago)
- Topics: antd, babel, react-boilerplate, reactjs, reactjs-boilerplate, webpack
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/reactjs-boilerplate
- Size: 2.38 MB
- Stars: 47
- Watchers: 2
- Forks: 22
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# reactjs-boilerplate
Basic react setup with babel, webpack with basic loaders, ant design, react-router and optomized for production using code splitting and lazy loading
This is similar to `create-react-app` but gives you more control over the build configurations.
## Prerequisites
> **use node >= 10.16.0**
## Installation
```bash
npm install -g reactjs-boilerplate
```
After installation, use can use the following command to initialize your project.
```bash
reactjs-boilerplate project-name
```
Alternatively, you can use `npx` to directly use `reactjs-boilerplate` without installing globally.
```bash
npx reactjs-boilerplate project-name
```
## Usage
After initializing your project, you can use the following scripts.
### `npm start`
Runs the app in the development mode.
Open [http://localhost:8080](http://localhost:8080) to view it in the browser.
The page will hot reload if you make edits.
### `npm run build`
Builds the app for production and files are saved to the `build` folder.
It bundles your files in production mode and optimizes the build for the best performance.
The build is minified and the filenames include hashes.
Your app is ready to be deployed!
### `npm run build-serve`
This command will build your app and start a server called `serve` which will serve your build files.