React Workshops

A series of online React workshops are being hosted by Mehran Hatami(fixjs) and here you could find all the resources and codes used in this workshops.

Note:

Recorded videos of all the sessions would be shared at my youtube channel: JavaScript Mentor. You could find the playlist here: React Workshops Playlist.

1. A Step-By-Step Walkthrough Of Redux Data Flow

Redux architecture revolves around a strict unidirectional data flow and in this workshop we are going to use redux-thunk to walk you through the step by step of the data flow.

2. Understanding the React Component State and Lifecycle

React components have several "Lifecycle Methods" that you can override to run code at particular times in the process. We will cover every single step of the lifecycle by debugging and live coding. We will also cover how state works in every step.

3. Middlewares And React Redux Life Cycle

Middlewares are functions that are automatically called by the framework(Redux in our case) somewhere in the middle of the supposed control flow to enhance or change the output, before the end of the control flow.

4. Universal React with Next.js - React on the Server

We are going to first talk about the concept of "Universal JavaScript", then we'll discuss how to use React to implement a Universal App and eventually we'll set up a Universal React Application using Next.js.

5. ES6/ES2015 Function Generators and Redux-Saga

Redux-Saga is a library that aims to make side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) in React/Redux applications easier and better.

6. Basics Of RxJS Observables (a preparation for redux-observable)

In this session we cover basics of RxJS Observables to be prepared for the next session which is going to be about redux-observable, a redux middleware.