ReactJS Combination Advice

Question

I'm learning ReactJS and I want to ask some good combination about the said library, since React is just the view (V), how should we manage the data? These are some things I want to know.

1. List of libs/frameworks that can be used with React (along with some brief explanation), it would also be helpful if it's sorted how it should be learned first.

2. Some good starter pack with main build tool are gulp, browserify.

Thanks

Answer 1

You can take a look at the Data management section of Awesome React compilation:

Here is the current list:

• Immutable.js - Immutable Data Collections for Javascript
• cortex - A javascript library for centrally managing data with React
• avers - A modern client-side model abstraction library
• imvvm - Immutable Model-View-ViewModel for React
• morearty.js - Better state management for React in pure JavaScript
• valuable - An immutable data store for React
• react-resolver - Isomorphic library to recursively lazy-load data for React components
• freezer-js - Lightweight and reactive immutable data structure for React
• mobservable - Observable data structures for building reactive React apps
• baobab - JavaScript persistent and optionally immutable data tree with cursors
• baobab-react - React integration for Baobab
• datascript - Immutable database and Datalog query engine in ClojureScript
• immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React
• seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects

I personally recommend taking a look at Redux - especially the great introductory lectures made available at Egghead.io by the author himself.

Alternatively you can also use a standalone model library (like Ampersand model), or a simpler abstraction for observable data structures (eg Observable Store), or in conjugation with an existing MVC framework like Backbone, Spine etc.