React is one of the most popular front-end frameworks on the web, and Redux is a simple but effective way for you to keep track of the data in your application. Both are great skills to have in the workplace.
When you combine them, you get fast, effective and easy-to-maintain web applications that work smoothly and deliver and excellent user experience.

In this course, we will build a static React-Redux application from the ground up. Students who complete the course will have an impressive application to show off in their portfolio or to adapt for their own projects.
The workshop will consist of the following areas of focus:

  • Understand React and Redux, what they are used for and how they integrate together
  • Building stateless React components which consume data from Redux
  • Implementing Redux to manage our application’s state, using actions and reducers to update the state

Course Overview

We will be building a simple e-commerce page, similar to eBay, using React to display content and Redux to manage the internal state of the application. The application will validate user bids and update the state when an item has been bought.

You will learn:

Introduction to React and Redux
You’ll learn why you should use these powerful libraries, what kinds of applications they build, and the role of each individual technology.

Scaffolding React Redux Applications
All web applications need a solid foundation of tools and libraries to go from abstract code to something we can click and interact with. We’ll learn and go through each of the steps required to set our app up for development.

Creating React Components
React components are what the end user sees. We’ll learn to create React components from scratch and watch as they come alive in the browser.

Managing State With Redux
All applications depend on data to deliver a consistent user experience and accomplish business goals. We’ll set up a Redux store to be our application’s state then set it up so it connects automatically to our application. We’ll write reducers and action creators that let us update the state.

Adding Interactivity
The vast majority of successful web applications are interactive. We’ll integrate user input into our application, changing the state based on their interactions and updating the application view accordingly.

React and Redux are simple to use and understand, but the following prerequisites are recommended to get the most from this workshop:

  • Intermediate knowledge of JavaScript
  • Beginner Node.js and NPM knowledge
  • A modern Windows or Mac laptop with the latest version of Node and NPM installed –

Taught By:
Daniel Stern, often referred to as the Code Whisperer, has been developing web applications for ten years and teaching new developers to take their code to the next level for almost as long.
He is an expert technology instructor whose Udemy and Pluralsight courses on React, Angular, Jest and RxJS are some of the web’s most respected and have helped thousands of students reach their academic and career goals.
When he’s not writing code or teaching you can usually find him playing Xbox for suspiciously long stretches of time.

More on Daniel:

This workshop is presented by Devhub, Canada’s community space for software developers and programmers. In this new series of workshops, Devhub is stepping into the educational space with a set of events aimed at expanding the skill sets of developers, both experienced and beginner.

Back to all