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:
π 100% pure React seed
π 100% applicable for starting any project on React
π 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
resolve: {
alias: {
components: path.resolve(__dirname, './src/components'),
assets: path.resolve(__dirname, './src/assets'),
}
}
and add new property in alias object