https://github.com/amodin/react-simple-start-kit
React seed for any project
https://github.com/amodin/react-simple-start-kit
clear react seed webpack
Last synced: 5 months ago
JSON representation
React seed for any project
- Host: GitHub
- URL: https://github.com/amodin/react-simple-start-kit
- Owner: AModin
- Created: 2018-12-25T17:58:40.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-01-06T13:33:49.000Z (almost 7 years ago)
- Last Synced: 2025-02-17T10:32:29.408Z (8 months ago)
- Topics: clear, react, seed, webpack
- Language: JavaScript
- Homepage:
- Size: 46.9 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React simple start kit

Want to start the new project with React and looking for project seed? You on the right page! Why you should use this configuration:
:point_right: **100% pure React seed**
:point_right: **100% applicable for starting any project on React**
:point_right: **Including the dev server with hot reloading for components**
No test library/state manager included, I'm not gone to force you to use some specific technology, choose it by yourself.
## Getting started
Fork this repo and then clone/download it from the Github:
```git clone https://github.com/your_username/your_fork_name.git```
Go to project root directory ```cd ./react-simple-start-kit``` and install all dependencies:
```npm i```
Start the dev server:
```npm run start```
Then check out ```http://localhost:3000/```, you should see the page:

## Files structure:
```
app
├── node_modules
├── src
│ ├── assets
| | └── images
| | └── react.png
| ├── components
| | ├── index.js
| | └── ImportedComponent.js
| ├── App.js
| ├── index.css
| └── index.js
├── babel.config
├── index.html
├── package.json
├── package-lock.json
├── server.js
├── webpack.config.dev
├── webpack.config
└── webpack.config.prod
```## How to
- Add new absolute path: open ```webpack.config.js``` find
```javascript
resolve: {
alias: {
components: path.resolve(__dirname, './src/components'),
assets: path.resolve(__dirname, './src/assets'),
}
}
```
and add new property in alias object