In the first part of this workshop, we’ll start by covering core React concepts like virtual DOM. Once we clear the core concepts, we’ll cover React classes and the API’s it provides. We’ll go into detail about states, props, statics, as well as lifecycle of a React component. After that, we’ll talk about JSX and important distinctions between regular HTML. Finally, we’ll cover how you can test your very first React component with Mocha, Chai, and Karma.
Now that we know how to create React components, we’ll cover how we can make all of them work together to build a lightning fast single page application using the React router. In this lecture, we’ll cover all you need to know about configuring the React states as well as the API’s and components you can use to transition between them.
Now that our application footprint is starting to grow, we’ll need a good pattern to orchestrate the state of all our components. This is where the Flux architecture comes in. In this lecture we’ll cover the three major parts of Flux (dispatcher, stores, and views) and how they interact. In the lab, we’ll add the Flux architecture to our application and use it to supply data to our React components.
In this lecture and lab, we’ll put some forms over our data. We’ll cover React form components and why they differ from other native React components. Then we’ll discuss how we can add validation to our form components. In the lab, you’ll use what you’ve learned to create forms that we’ll use to persist data to a REST service.
To finish off the workshop, we’ll use everything we’ve learned thus far to create some custom React components that interface with 3rd party libraries and provide a better user experience.