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: 17 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.