React and Redux Masterclass

React and Redux Masterclass, available at Free, has an average rating of 3.85, with 33 lectures, based on 386 reviews, and has 33673 subscribers.

You will learn about Create reusable stateless and easily testable components Create pure & easily testable action handlers (reducers) Connect stateless views with stateless reducers through React containers Refactor applications to be more testable and reusable (decoupled) Understand React Flux architecture and how to connect all the bits This course is ideal for individuals who are Those with Javascript skills who want to learn React library and start with good practices or Experienced React developers who struggle to maintain their projects or Anyone who strives to write reusable code using modern Javascript libraries or Redux users who embrace Flux architecture but use other library for Views than React or Those who struggle to write easily testable React or Redux code It is particularly useful for Those with Javascript skills who want to learn React library and start with good practices or Experienced React developers who struggle to maintain their projects or Anyone who strives to write reusable code using modern Javascript libraries or Redux users who embrace Flux architecture but use other library for Views than React or Those who struggle to write easily testable React or Redux code.

Enroll now: React and Redux Masterclass

Summary

Title: React and Redux Masterclass

Price: Free

Average Rating: 3.85

Number of Lectures: 33

Number of Published Lectures: 33

Number of Curriculum Items: 33

Number of Published Curriculum Objects: 33

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

Create reusable stateless and easily testable components

Create pure & easily testable action handlers (reducers)

Connect stateless views with stateless reducers through React containers

Refactor applications to be more testable and reusable (decoupled)

Understand React Flux architecture and how to connect all the bits

Who Should Attend

Those with Javascript skills who want to learn React library and start with good practices

Experienced React developers who struggle to maintain their projects

Anyone who strives to write reusable code using modern Javascript libraries

Redux users who embrace Flux architecture but use other library for Views than React

Those who struggle to write easily testable React or Redux code

Target Audiences

Those with Javascript skills who want to learn React library and start with good practices

Experienced React developers who struggle to maintain their projects

Anyone who strives to write reusable code using modern Javascript libraries

Redux users who embrace Flux architecture but use other library for Views than React

Those who struggle to write easily testable React or Redux code

Interested in building applications that scale well, are bug free and easy to maintain?

This is a course for you. I will show you how to write reusable React and Redux code.

React is the library?that modern Javascript developers need to know.?Truly knowing how to write reusable React JS views and Redux reducers?will get you a job, and enable you to build quality frontend?applications.

Important: This course is concise and focuses on the ability to write decoupled React.js & Redux code.?

All videos are professionally edited for your convenience.

Course Curriculum

Chapter 1: #1: Introduction and source code deep dive

Lecture 1: Application introduction

Lecture 2: Project setup

Lecture 3: Deep dive into source code to refactor

Chapter 2: #2: Refactoring ES6 classes to React stateless components

Lecture 1: Splitting into separate files

Lecture 2: Refactoring to function syntax – Button & Digits components

Lecture 3: Refactoring Operators & ControlPanel

Lecture 4: Dealing with stateful component – Display

Lecture 5: Making Display stateless

Chapter 3: #3: Decoupling React view from Redux store

Lecture 1: Installing redux and adding redux store

Lecture 2: Adding redux actions and action handlers

Lecture 3: Important change to src/index.js

Lecture 4: Remove event emitter dependency

Lecture 5: History view refactor

Lecture 6: Decoupling history from store

Chapter 4: #4: Refactoring to reusable Presentational Components using ReactRedux library

Lecture 1: Digit container and digit presentational component

Lecture 2: Redux Thunk to fix history issue

Lecture 3: Refactoring History to presentational component

Lecture 4: Container Higher Order Components (HOC) to access dispatch

Lecture 5: Polishing components props to be more reusable

Lecture 6: Delegate passing store to ReactRedux provider

Chapter 5: #5: Testing decoupled application

Lecture 1: Smoke test and sanity test

Lecture 2: Snapshot testing

Lecture 3: Enzyme public tests

Lecture 4: Test coverage reports

Chapter 6: Source Code Lectures

Lecture 1: Source code – beginning

Lecture 2: Source code – 2.2

Lecture 3: Source code – 2.5

Lecture 4: Source code – 3.1

Lecture 5: Source code – 3.5

Lecture 6: Source code – 4.1

Lecture 7: Source code – 4.2

Lecture 8: Source code – 4.5

Lecture 9: Source code – Course finish

Instructors

Mateusz Grzesiukiewicz
Ex-Software Engineer at Atlassian. Worked on Jira.

Rating Distribution

1 stars: 43 votes

2 stars: 26 votes

3 stars: 74 votes

4 stars: 113 votes

5 stars: 130 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!