|
|
|
|
|
|
by quxbar
3814 days ago
|
|
|
Luckily, you can skip right ahead to React+Redux. It's really a logical extension of your stack than you think. jQuery and Backbone you can pretty much ignore except know that it's a less elegant and less declarative way to do models, views, and event binding. |
|
|
I've spent the last week (finally!) trying and in the end succeeding to wrap my head around React+Redux. It took a many many many hours of puzzlement. I began with the react+slingshot[0] @coryhouse made as a starter kit and going through the React docs and Redux docs. I guess my desire stemmed from seeing Dan's demo of Redux's time-travel and hot reloading ability, I was intrigued. I copied the TODO example from the Redux docs and fashioned it to my liking exploring all the parts.
I'm here to tell you that it's not easy. The landscape is still in flux (buh-dum-tish, I'll be here all week folks) and that for every piece of the dev tool puzzle you've two or three options.
I think you can get away with React+Redux on the client side which replaces the V in your MVC. {This in practice means the `react', `react-dom', `react-redux', and `redux' files. _Everything_ else is tooling, but my God so much tooling}. YMMV.
That's as far as I'd go, otherwise you're throwing out all your server-side dev experience, and why would you want to do that?
What I'd like to ask folks is: what happens to my nice static HTML/CSS pages if React+Redux is all JS? Server-side rendering? I'll come back and edit this and put in a few more links I found handy. Do believe the hype, React+Redux is pretty neat.
[0] https://github.com/coryhouse/react-slingshot ---
Edit!
React docs: https://facebook.github.io/react/docs/getting-started.html
React DevTools: https://github.com/facebook/react/wiki/Complementary-Tools
The Video: Dan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015 https://www.youtube.com/watch?v=xsSnOQynTHs
Redux docs: http://rackt.org/redux/docs/basics/index.html
Redux DevTools: https://github.com/gaearon/redux-devtools/