Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/matthewmueller/28kb-react-redux-routing
React + Redux + Routing Stack for just 28kb
https://github.com/matthewmueller/28kb-react-redux-routing
Last synced: 16 days ago
JSON representation
React + Redux + Routing Stack for just 28kb
- Host: GitHub
- URL: https://github.com/matthewmueller/28kb-react-redux-routing
- Owner: matthewmueller
- Created: 2016-03-04T08:15:08.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-03-05T07:18:27.000Z (over 8 years ago)
- Last Synced: 2024-04-08T20:09:53.687Z (7 months ago)
- Language: JavaScript
- Homepage:
- Size: 198 KB
- Stars: 245
- Watchers: 10
- Forks: 17
- Open Issues: 1
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# React + Redux + Routing Stack for 28kb
Just because your stack is awesome, doesn't mean it has to be fat.
This repo serves as a minimally viable example of how to combine the great ideas of React + Redux without compromising on your build size.
## Kilobytes as currency
My goal for this project is to treat kilobytes as a sort of currency.
> I'll give you React, Redux and a Routing Stack for just 28kb. What can you offer me?
Heavy frameworks aren't just slow for end users to download, they slow down our transpilers, they are harder to understand internally when the framework inevitably breaks, and they're typically more difficult to extend and make our own.
## Behind the Curtain
- React (via [Preact](https://github.com/developit/preact))
- Redux (via [Socrates](https://github.com/matthewmueller/socrates))
- Action Logging (via [Redux Logger](https://github.com/fcomb/redux-logger))
- Functional Routing (via [enroute](https://github.com/lapwinglabs/enroute) + [simple history middleware](https://github.com/matthewmueller/redux-routes))## See for yourself
```
git clone https://github.com/matthewmueller/28kb-react-redux-routing
npm install
npm start
```## Kudos
All the hard work here was done by [@developit](https://github.com/developit) for his work on [Preact](https://github.com/developit/preact) and [@gaearon](https://github.com/gaearon) for his work on [redux](https://github.com/reactjs/redux). The "custom" modules you see above are just a small amount of UX grease on top of great implementations.