Nice tutorials. I've been playing around with React, and I like it overall... But I can't wrap my head around Redux. Could someone explain it to me so I might finally see the light?<p>My problem is this: I just can't understand why I'd want to manipulate state in an unsightly switch statement like this one from Chapter 4 of the original post:<p><pre><code> switch (action.type) {
case 'CHANGE_LOCATION':
return Object.assign({}, state, {
location: action.location
});
case 'SET_SELECTED_TEMP':
return Object.assign({}, state, {
selected: {
temp: action.temp,
date: state.selected.date
}
});
case 'SET_SELECTED_DATE':
return Object.assign({}, state, {
selected: {
date: action.date,
temp: state.selected.temp
}
});
default:
return state;
}
</code></pre>
This reminds me of Win32 event loops with their window message handler switches... And that's a scary association.<p>What's the point with dispatching these fragile "stringly-typed" selectors, when you can just have real functions doing setState() updates on the relevant component?<p>I'm not trying to be snarky -- I know I'm missing something major here.
Surprisingly few comments so far. My take: Max Stoiber is a fantastic contributor to the React ecosystem. His React-Boilerplate project is a solid, well-designed starting point for production application development. This new tutorial is well written, makes good use of the new Create-React-App tool to simplify the learning curve, and covers several topics in good depth to get someone started.
I find I am more productive with vue.js. It is much less intrusive on my coding style. I believe react.js is mainly popular because of FB's support. Much in the same way Angular became so widely used due to Google backing. I too have fallen for the myth that Open-Source projects backed by huge companies are always better. Do your homework. Don't believe the hype.
I just went through the first tutorial and it's well written. However, I just had to try it with AngularJs and jQuery as well. Here are the results <a href="http://goo.gl/V0NvkC" rel="nofollow">http://goo.gl/V0NvkC</a><p>In such a simple example, I think jquery wins. However, more complicated solutions might be better suited towards frameworks like Angular and React.
What I like that you've done is that start CTA in the right nav menu. Not just that it's action oriented it just made me feel like I could start/play around post-login without having to deal with a lot of redtape just to start using it.<p>Which for any new tool is important. Good luck.