Why teach ReactJS and Flux Architecture?
It’s not just because they are the latest new hotness, although, it is gaining in popularity, very fast. A lot of the programmers I respect have encouraged us to teach it, and are using React in their own companies and projects. It’s also an important, and possibly simpler, alternative to the MVC or MV* architectures that have been used for almost every web app project for many years.
What’s good? Why React?
Having built some code in React, it’s worth adding to your toolset or considering on a new project. It have some great advantages:
It’s only the view layer. So it’s simpler to understand what things you need to learn, compared to a whole MV* framework like Angular. You can use your favorite router, like Backbone, Angular, or Facebook’s Dispatch.
JSX tags are easier to understand your app with. The Chrome Developer Tools React Extension is great debugging tool
Ryan Sobol, Director of Education & Technology at Code Fellows says:
You have nodes within nodes, for example you have body, and within that you have a div, and within that you have an h1. And so the way that react component works is they are a basically a 1:1 mapping. You create your custom components and your custom sub-components. I really like that paradigm, it helps me think as a front-end developer about the stuff that I actually care about - the way the content is presented to the user.
I like the patterns that ReactJS uses, for example, it has some optional methods that you can use to implement various different lifecycle hooks [the stuff that was inspired by iOS] , like shouldUpdateComponent. In my opinion in Backbone, the view system is highly evented, and it’s really easy to get tanlged in an event cascade, where events are triggering other event, and then triggering other events. For me, it’s hard to keep that model in my mind. Whereas React for every single component, it’s pretty easy to tell what the lifecycle of that single component is.
I like the one-way binding system. I like how it creates this single circular flow of responding to events, changing the model and updating the view. It’s easy to reason about.
Ryan Roemer, our partner at Formidable Labs says ReactJS has these pros and cons:
- Heavy handed DOM wiping and reflows.
- Memory leaks and dreaded “Zombie Views”.
- A slimmer overall minified bundle. With React as the view layer, we can remove dependencies on jQuery and Underscore.js.