4.29 out of 5
4.29
395 reviews on Udemy

React, Redux, & Enzyme – Introducing Apps & Tests

Build 3 React apps with full tests. Get in demand by adding Jest, Enzyme, ES6, React JS, and Redux to your skill set!
Instructor:
David Joseph Katz
2,683 students enrolled
English [Auto-generated]
Add React, Redux, ES6, Jest, Enzyme, & more to their resume.
Build entire ReactJS and Redux applications from scratch.
Test their Redux applications with Jest, Enzyme, Sinon.
Develop apps that deal with APIs and web requests.
Understand how to develop Redux apps with actions, reducers, and the store.
Apply widely used software industry practices to test their applications.

Become an in demand software engineer by taking this course on React JS, Redux, and testing. As arguably the most popular web development framework today, learning React along with Redux is a must. Knowing how to create React and Redux applications will open doors and jobs for you.

In this project-based course, you’ll build React and Redux applications from scratch and properly test these apps. You’ll discover some of the most widely used testing practices in the industry today. And you’ll work with notable testing libraries like Jest, Enzyme, and Sinon.

You will skyrocket to the top of the talent pool because you can write tests. Coding the apps is only half of the process. Knowing how to write tests is the other crucial skill looked for by top software companies like Google, Facebook, Microsoft, and more.

In this course, you’ll build three applications, and test each of them.

First, you’ll get familiar with React by building an application from the start. Right after, you’ll test the application with popular libraries like Jest by Facebook and Enzyme by Airbnb.

Second, you’ll build a more in-depth application with Redux. Then you’ll learn how to test a Redux application with more advanced techniques.

Third, you’ll build an app with an API. After, you’ll discover more sophisticated strategies for testing applications.

This course will help you get to the next level in React, Redux, ES6, Testing and more. It’s great if you’re a beginner because separate lectures will deeply explain every new ES6 & JavaScript concept as they appear.

So, are you ready to step up your coding game? Excited to boost your skills? Then what you are waiting for? Let’s get started coding!

Introducing the Course

1
What to Expect from the Course
2
Getting a Code Editor
3
Installing Node and React Tools
4
Source Code for the Course
5
Final Introductory Notes

Understanding React

1
Understanding React Part 1
2
Understanding React Part 2

React & ES6 App | NoteToSelf

1
Previewing NoteToSelf
2
ES6 | Class Definitions
3
ES6 | Class Inheritance & Template Strings
4
Setting Up NoteToSelf
5
Rendering JSX onto the DOM
6
Creating an App Component | ES6 Imports and Exports
7
React Essentials | State
8
Building a Bootstrap Form
9
Introducing State into the Form
10
ES6 | Arrow Functions
11
Creating a List of Notes
12
ES6 | Destructuring Objects
13
Introducing Props with a Note Component
14
React Lifecycle Methods and SFCookies
15
Section Overview | NoteToSelf

Testing NoteToSelf with Jest and Enzyme

1
Why You Should Write Tests
2
Setting Up the Testing Environment
3
Important: Enzyme Adapter
4
Testing the Note Component
5
ES6 | Spread Operator for Spread Attributes
6
Testing the App Component
7
Testing Form Behavior
8
Testing the Cookies
9
Reporting Test Coverage
10
Section Overview | Testing NoteToSelf

Understanding Redux

1
Understanding Redux
2
Understanding Redux Visually

React App Two with Redux | FlashcardPro

1
Previewing FlashcardPro
2
Setting Up FlashcardPro
3
Loading the StackList
4
Introducing React-Router and Linking to Stacks
5
Redux Action | setStack
6
Redux Reducer | Setting the Stacks
7
Creating the Redux Store
8
Setting the Stack and Binding Action Creators
9
Connecting the Stack Component
10
Creating Card Components
11
Styling and Revealing Card Answers
12
Loading Stacks
13
Creating a Stack Form
14
Building Cards in the Stack Form
15
Adding a New Stack
16
Section Overview | FlashcardPro

Testing FlashcardPro with Jest and Enzyme

1
Shallow Rendering the App Component
2
Fixtures and Testing the Stack Component
3
Testing the StackList | Challenge
4
Testing the Rendering StackForm | Challenge
5
Simulating Behavior and Testing the StackForm | Part 1
6
Simulating Behavior and Testing the StackForm | Part 2
7
Testing the Card | Challenge
8
Testing the Redux Actions in FlashcardPro
9
Testing the Redux Reducers in FlashcardPro
10
Test Coverage and Why Tests Save Lives
11
Bonus: Advanced React | Stateless Functional Components
12
Section Overview | Testing FlashcardPro

React App Three with APIs and Redux | Jeopardy

1
Previewing Jeopardy
2
Setting Up Jeopardy
3
Fetching Categories through Jservice
4
Setting Categories through Redux
5
Connecting the App Component
6
Adding Routing and a Category Component
7
Linking to Categories and Styling
8
Picking a Category
9
Fetching Category Data
10
Creating a Clue Component
11
Section Overview | Jeopardy

Testing Jeopardy with Jest, Enzyme, and Sinon

1
Setting Up Tests for Jeopardy
2
Testing the Jeopardy App Component
3
Testing the Clue Component's Structure | Challenge
4
Simulating the Clue's Behavior
5
Unlinking | Category Tests Part 1
6
Mocking APIs with Sinon | Category Tests Part 2
7
Category Functionality | Category Tests Part 3
8
Testing the Redux Actions in Jeopardy | Challenge
9
Testing the Redux Reducers in Jeopardy | Challenge
10
Test Coverage for Jeopardy
11
Section Overview | Testing Jeopardy

Conclusion and Final Remarks

1
Congratulations and Final Remarks
2
Bonus Content
You can view and review the lecture materials indefinitely, like an on-demand channel.
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!
4.3
4.3 out of 5
395 Ratings

Detailed Rating

Stars 5
194
Stars 4
132
Stars 3
44
Stars 2
16
Stars 1
8
7f4695bad3532e3bb2795862a9d47739
30-Day Money-Back Guarantee

Includes

8 hours on-demand video
9 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion