Sometimes React.js alone may serve your need, you don’t have to prematurely flux it.
The Case for Flux — Startups, Wanderlust, and Life Hacking — Medium

And there are other strategies besides Flux for architecting your application.
6 no-Flux strategies for React component communication

Gist of a modern data-driven app:

  • don’t use fat models
  • data from server is just another input, not your model, CQRS
  • modify state via a SINGLE component

React + Backbone/Marionette/Ampersand

Using React components as Backbone Views
clayallsopp/react.backbone
Tutorial: Building React Apps With Flux and Backbone | Toptal

Gentle Migration from Marionette to React - Jamie Gaskins
Integrating React with Marionette

human javascript by Henrik Joreteg
Human JavaScript Videos

Immutability

facebook/immutable-js
scottcorgan/immu
Pros and Cons of using immutability with React.js - React Kung Fu

Also see Baobab, Redux, Freeze

Redux

Redux = Reducer + Flux
Implements Flux Store in a FP way. This enables a lot of interesting tools, including time travel with app state.

rackt/redux
Read Me | Redux

Dan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015 - YouTube
Live-editing React app without refresh on Vimeo
Getting started with Redux - Example application | jchapron
SurviveJS - Webpack and React - Redux - Reinventing Flux - Interview with Dan Abramov
Flux: Reduce Your Side Effects
What the Flux?! Let’s Redux. | &yet Blog

JSJ The Evolution of Flux Libraries with Andrew Clark and Dan Abramov
Feeback wanted: Rewrite with ideas from @acdlite by gaearon · Pull Request #46 · rackt/redux
JavaScript Tutorials and Video Workshops - @eggheadio #levelup

State Management with Redux
Full-Stack Redux Tutorial
roderickwang/redux-2way-binding

rackt/react-redux
gaearon/react-hot-loader
gaearon/redux-devtools
omnidan/redux-undo
gaearon/redux-thunk
erikras/redux-form
rackt/react-tabs
rackt/react-modal
faassen/reselect
acdlite/redux-actions
rackt/redux-router
acdlite/redux-promise
acdlite/redux-transducers
rackt/react-tabs
xgrommx/awesome-redux

gaearon uses normalizr and make observations on Flux
gaearon/flux-react-router-example
gaearon/normalizr

How to implement shouldComponentUpdate with this.context? · Issue #2517 · facebook/react

boilerplates

gaearon/library-boilerplate webpack
mattdennewitz/universal-redux-boilerplate webpack
jackielii/simplest-redux-example browserify
jonathanp/map-item-filter browserify

Freezer

React.js the simple way — Medium

arqex/freezer
arqex/freezer-redux-devtools

Baobab

Yomguithereal/baobab a tree data structure

How to improve the data flow in your React app? Introduction to Baobab - React Kung Fu
christianalfoni - Plant a Baobab tree in your flux application
christianalfoni - Handling complex state with Baobab

Comments