A Slow (and Hopefully Heedful) Ride Through ReactJS and Flux
Submitted by Abhinav Sarkar (@abhinav-sarkar) on Thursday, 13 August 2015
ReactJS and Flux as much better front-end engineering battle-axes.
This is an in-depth version of our previous introduction to ReactJS workshop.
We’ll try to cover these high-level ideas:
- Setting up a simple ReactJS application.
- Writing UI components that can be re-used across the application.
- HTML-like templating languages (like JSX, react-templates) that make it much easier for designers to write dynamic interactions by themselves.
- Declarative / logic-less UI components that can perform transitions / animations etc.
- We’ll try our hands on building a few simple UI components. For example, a menu system like this:
- Understanding the Virtual DOM and DOM reconciliation algorithms.
- Server-side rendering for better performance and SEO.
- Using Promises to write better asynchronous components.
- Testing React components using React.addons.TestUtils and MochaJS.
There are a few parts that are a bit heavy on theory that will attempt to give you an idea of the inner workings of React. Most of it otherwise would be practical problems that we’ll solve in real-time and anecdotes from our experiences using it in production.
Do setup your laptop with the lastest Chrome, Sublime Text editor, node, npm and a terminal. If you can setup React on your own, that’d be great; we will guide you through this https://github.com/nilenso/reactjs-workshop15 to help you set it up otherwise.
Old school JVM hacker. Loves log files. Wishes he was programming Haskell.