AModin / react-simple-start-kit

React seed for any project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React simple start kit

React Webpack

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:

schemamockpost

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

About

React seed for any project


Languages

Language:JavaScript 90.1%Language:CSS 7.1%Language:HTML 2.8%