React, Redux, & Enzyme - Introducing Apps & Tests
4.5 (51 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
412 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React, Redux, & Enzyme - Introducing Apps & Tests to your Wishlist.

Add to Wishlist

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!
4.5 (51 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
412 students enrolled
Created by David Katz
Last updated 8/2017
English
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 8 hours on-demand video
  • 8 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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.
View Curriculum
Requirements
  • Some basic coding experience will help. Students who have seen JavaScript will be most comfortable.
Description

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!

Who is the target audience?
  • Students who know some basic JS, but hope to learn React and Redux to significantly boost their skills.
  • All levels of coders. However this won’t introduce coding from the ground up, so complete beginners might find it fast-paced.
  • ReactJS and Redux developers who want to test their applications.
  • Experienced developers and engineers will find this course perfect for brushing up on ReactJS and Redux and web development.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
85 Lectures
08:14:55
+
Introducing the Course
5 Lectures 09:55

Getting a Code Editor
02:59

Installing Node and React Tools
04:28

Source Code for the Course
00:50

Final Introductory Notes
00:14
+
Understanding React
2 Lectures 04:53

Understanding React Part 2
02:36
+
React & ES6 App | NoteToSelf
15 Lectures 01:23:10

ES6 | Class Definitions
07:40

ES6 | Class Inheritance & Template Strings
08:04


Rendering JSX onto the DOM
05:40

Creating an App Component | ES6 Imports and Exports
07:34


Building a Bootstrap Form
05:00

Introducing State into the Form
08:39


Creating a List of Notes
06:30

ES6 | Destructuring Objects
03:49

Introducing Props with a Note Component
06:46

React Lifecycle Methods and SFCookies
07:58

Section Overview | NoteToSelf
01:41
+
Testing NoteToSelf with Jest and Enzyme
9 Lectures 47:27

Setting Up the Testing Environment
02:33

Testing the Note Component
09:18

ES6 | Spread Operator for Spread Attributes
04:25

Testing the App Component
08:39

Testing Form Behavior
10:36

Testing the Cookies
05:20

Reporting Test Coverage
02:55

Section Overview | Testing NoteToSelf
00:57
+
Understanding Redux
2 Lectures 06:06

Understanding Redux Visually
03:25
+
React App Two with Redux | FlashcardPro
16 Lectures 02:06:33

Setting Up FlashcardPro
06:29

Loading the StackList
07:48

Introducing React-Router and Linking to Stacks
10:05

Redux Action | setStack
05:34

Redux Reducer | Setting the Stacks
07:48

Creating the Redux Store
06:25

Setting the Stack and Binding Action Creators
10:14

Connecting the Stack Component
08:25

Creating Card Components
03:42

Styling and Revealing Card Answers
13:33

Loading Stacks
11:06

Creating a Stack Form
12:51

Building Cards in the Stack Form
12:56

Adding a New Stack
06:35

Section Overview | FlashcardPro
01:07
+
Testing FlashcardPro with Jest and Enzyme
12 Lectures 01:35:19
Shallow Rendering the App Component
10:19

Fixtures and Testing the Stack Component
10:56

Testing the StackList | Challenge
05:53

Testing the Rendering StackForm | Challenge
09:23

Simulating Behavior and Testing the StackForm | Part 1
08:53

Simulating Behavior and Testing the StackForm | Part 2
08:21

Testing the Card | Challenge
12:13

Testing the Redux Actions in FlashcardPro
07:29

Testing the Redux Reducers in FlashcardPro
11:18

Test Coverage and Why Tests Save Lives
04:27

Bonus: Advanced React | Stateless Functional Components
05:19

Section Overview | Testing FlashcardPro
00:48
+
React App Three with APIs and Redux | Jeopardy
11 Lectures 59:08

Setting Up Jeopardy
04:45

Fetching Categories through Jservice
05:27

Setting Categories through Redux
06:36

Connecting the App Component
05:50

Adding Routing and a Category Component
05:49

Linking to Categories and Styling
04:21

Picking a Category
07:58

Fetching Category Data
06:10

Creating a Clue Component
10:28

Section Overview | Jeopardy
00:37
+
Testing Jeopardy with Jest, Enzyme, and Sinon
11 Lectures 01:01:08
Setting Up Tests for Jeopardy
01:31

Testing the Jeopardy App Component
10:14

Testing the Clue Component's Structure | Challenge
08:01

Simulating the Clue's Behavior
05:45

Unlinking | Category Tests Part 1
06:59

Mocking APIs with Sinon | Category Tests Part 2
10:52

Category Functionality | Category Tests Part 3
05:14

Testing the Redux Actions in Jeopardy | Challenge
04:10

Testing the Redux Reducers in Jeopardy | Challenge
05:35

Test Coverage for Jeopardy
01:59

Section Overview | Testing Jeopardy
00:48
+
Conclusion and Final Remarks
2 Lectures 01:21
Congratulations and Final Remarks
00:52

Bonus Content
00:29
About the Instructor
David Katz
4.4 Average rating
4,544 Reviews
79,527 Students
9 Courses
Coding Instructor & Software Engineer

Hi! I’m David. I spend most of my time building applications and coding tutorials. Currently, I study computer science at the University of San Francisco. I have also had software engineering internships at Zendesk and at a tech education startup called MVCodeClub.

I love sharing the knowledge that I have gained from my experience with other people. I have spent a fair bit of time working as a coding instructor. Because of this, I’ve learned how to explain advanced programming concepts in a clear and understandable way. There's no better feeling than when a students gets that "aha" moment.

Please don’t hesitate to reach out to me! Whether you want to chat, or work on something meaningful, please let me know!