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

![React](https://img.shields.io/badge/Seed%20project-react-%2364d0ee.svg)

![Webpack](https://img.shields.io/badge/bundler-webpack-%231e72b3.svg)

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:

![schemamockpost](https://user-images.githubusercontent.com/15379788/50691613-4e5b4100-1042-11e9-88d8-4dbda6c25a84.png)

## 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