https://github.com/adaam2/react-starter
With hot module replacement, es6, css modules, jsx etc
https://github.com/adaam2/react-starter
css-modules es6 hmr jsx react webpack
Last synced: 3 months ago
JSON representation
With hot module replacement, es6, css modules, jsx etc
- Host: GitHub
- URL: https://github.com/adaam2/react-starter
- Owner: adaam2
- Created: 2017-08-13T00:43:52.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-04T20:50:23.000Z (over 8 years ago)
- Last Synced: 2025-10-12T02:07:54.846Z (3 months ago)
- Topics: css-modules, es6, hmr, jsx, react, webpack
- Language: JavaScript
- Homepage: https://www.adamjamesbull.co.uk/words/simple-react-starter-kit-now-available-on-github
- Size: 96.7 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Instructions
Clone the project:
```
git clone git@github.com:adaam2/react-starter.git your-app-name
cd your-app-name
```
Install dependencies:
```
yarn install
```
Run the project:
```
npm run dev
```
View in browser:
```
http://localhost:8080
```
# Technologies
- React
- Redux pattern with `react-redux` bindings
- ES6 / Babel
- Lodash
- Redux connected `react-router`
- Airbnb EsLint configuration
- CSS modules using `css-loader`, `style-loader`, and `sass-loader`
- Uses `node-sass` for SASS compilation
- Sourcemaps using `source-map` and Webpack `source-map-loader`
- Redux action logging with `redux-logger`
- Hot module replacement / live reloading using `react-hot-loader` v3
- Postcss with `autoprefixer`
# Branches
There is also a Rails 5 version with Rack::Proxy setup so that the Rails application is namespaced to `/api`.
Run the stack by running: `foreman start -f Procfile.dev`
You can find the code at https://github.com/adaam2/react-starter/tree/with-rails