https://github.com/hanse/hot-redux-chassis
Modern React/Redux/RxJS application using all the latest and greatest stuff from the community 🔥
https://github.com/hanse/hot-redux-chassis
css-modules flow react react-router redux redux-observable
Last synced: 2 months ago
JSON representation
Modern React/Redux/RxJS application using all the latest and greatest stuff from the community 🔥
- Host: GitHub
- URL: https://github.com/hanse/hot-redux-chassis
- Owner: hanse
- License: other
- Created: 2015-12-02T19:57:56.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T01:39:53.000Z (over 2 years ago)
- Last Synced: 2024-04-09T14:44:13.331Z (about 1 year ago)
- Topics: css-modules, flow, react, react-router, redux, redux-observable
- Language: TypeScript
- Homepage: http://hot-redux-chassis.herokuapp.com/
- Size: 6.75 MB
- Stars: 19
- Watchers: 2
- Forks: 1
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# hot-redux-chassis
This repo is a playground for modern web development techniques with a focus on the [React](https://facebook.github.io/react/) eco-system. It is rapidly changing to adopt new versions of popular packages and ideas from the community. The code shows how one can glue a mix of these packages together to create cool projects. In addition, the repo itself can serve as a starting point for new projects.
A live production build is always available on [https://hot-redux-chassis.herokuapp.com](https://hot-redux-chassis.herokuapp.com) (admin:admin).
## Features
- Latest React
- Next-generation JavaScript using [Babel 7](http://babeljs.io/)
- [React Hot Loader](https://github.com/gaearon/react-hot-loader)
- Module bundling using [webpack 4](https://github.com/webpack/webpack/)
- Painless testing using [Jest](https://facebook.github.io/jest/)
- ~~Static type-checking using [Flow](https://flowtype.org)~~ (Rewritten to TypeScript!)
- [ESLint](http://eslint.org/) for linting and [Prettier](https://prettier.org) for auto-formatting
- [Redux](https://github.com/rackt/redux) and [react-router](https://github.com/rackt/react-router)
- [redux-observable](https://github.com/redux-observable/redux-observable) and RxJS for managing async actions and side effects
- [CSS Modules](https://github.com/css-modules/css-modules) + [PostCSS](https://github.com/postcss/postcss) for next generation scoped CSS modules
## GitHub Actions
A CI/CD pipeline is set up with GitHub Actions. The pipeline runs tests, linters, build docker images and publish them to the Package Registry and to Heroku.
## Start a New Project
This is not intended as a boilerplate, but rather to show how to use different things in the JavaScript/React eco-system. When starting out you **should not add every bits and pieces at once**, unless you know what you are doing. If you want everything setup and ready to go, use [create-react-app](https://github.com/facebook/create-react-app)!
## License
MIT