React - Mastering Test Driven Development

Name: React - Mastering Test Driven Development
Rating: 4.4 (1816 reviews)

Upgrade your React skills with Test Driven Development! Jest, Enzyme, Redux, middleware, ES6, & more!

Created byDavid Joseph Katz

Last updated 7/2018

English

What you'll learn

How to use Test and Behavior Driven Development to build React applications.
The ability to discuss the approach of Test Driven Development with fellow software engineers.
How to build full React applications with thorough tests.
How to use libraries like Jest, Enzyme, and more to test React components.
How to use Redux in React applications, including asynchronous actions and middleware.
How to apply advanced es6 concepts to write more concise code.
How to extend React applications with third-party libraries.

Course content

5 sections • 46 lectures • 4h 39m total length

What to Expect from the Course1:04
Tools You'll Need0:34
Optional: Installing Node and Create-React-App4:28
Optional: Installing a Code Editor2:59
Test Driven Development, Jest, Enzyme, & More4:24

GiftGiver Preview1:52
Set Up GiftGiver with a Unit Test13:29
Set up the gift giver React app, install Enzyme and Jest, and add React Bootstrap for production forms, following a test driven development approach with npm run test.
Important: Enzyme Adapter0:40
Snapshot Test the App Component6:09
Render the Gift List in the App13:39
Master rendering a list of gifts in a React app and adding a new gift via a button, with state initialization to an empty list and test driven development.
Render GiftGiver and the Gift List9:00
Behavior Driven Development1:31
Master behavior driven development, a variation of test driven development that uses given–when–then scenarios to specify app state in React projects. Write tests first and document scenarios for clearer testing.
BDD in GiftGiver6:26
Test and Build the Gift Component | Part One13:03
Test and Build the Gift Component | Part Two6:52
Remove a Gift14:23
Build a remove gift feature by wiring a per-gift remove button to a parent remove function via props, removing gifts by id and updating state.
Test Coverage and Helper Methods11:42
Optional Styling4:44
Section Summary | GiftGiver and Test Driven Development0:58

LootCheck Preview1:15
Start Up LootCheck with an App Component9:53
Optional: Understanding Redux0:23
Optional: Understanding Redux2:41
Optional: Understanding Redux Visually3:25
Set a Balance with a Redux Action8:14
Create the Balance Redux Reducer7:28
Test and Build a Wallet Component12:14
Learn to integrate a Redux store, provide it to the app, connect a wallet component via mapStateToProps, and test the connected and unconnected components using Enzyme and snapshot tests.
Render the Wallet4:16
Support Redux Deposit and Withdraw Methods10:33
Local Wallet Balance with State8:53
Dispatch Deposit and Withdraw10:36
learn how to dispatch deposit and withdraw actions in a React Redux wallet by binding action creators with connect, testing with mocks, and adding deposit and withdraw buttons.
Store Data with Cookies9:09
Section Summary | LootCheck and Behavior Driven Development | Part One0:57

APIs and Middleware in LootCheck0:32
Async Actions, Middleware, & Redux Thunk1:28
Accessing the Bitcoin API4:07
Fetch the Bitcoin Value through Redux16:42
Bitcoin Redux Reducer5:46
Combine Reducers8:36
Test and Build the Loot Component | Part One11:28
Test and Build the Loot Component | Part Two8:34
Stateless Functional Components - Convert the App2:40
Convert eligible components to stateless functional components (statelets) to keep them pure, remove class-based lifecycles, and improve readability and potential performance, updating tests and snapshots accordingly.
Run the Coverage Report3:14
Run the coverage report with npm run test -- --coverage to generate a table and verify redux connect, props, and mounted component testing, aiming for over 95 percent.
Styling and API Cleanup6:25
Section Summary | Lootheck and Behavior Driven Development | Part Two0:56

Requirements

Some JavaScript experience would be ideal.
While not necessary, some React experience would help.

Description

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

In this project-based course, you’ll learn how to build React and Redux applications in a test and behavior driven development approach. You’ll discover testing practices widely used in the industry today. And you’ll find out how to use notable testing libraries like Jest and Enzyme.

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, first, you’ll get familiar with React by building an application from the start. Writing tests will guide the process as you use popular libraries like Jest by Facebook and Enzyme by Airbnb.

Second, you’ll build a more in-depth application with Redux in the behavior driven development approach. You’ll learn all the advanced techniques for testing asynchronous code, effective mocking, and beyond.

If you’ve gone through the the quick JavaScript and React tutorials online, then this course will take you to the next level.

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

Who this course is for:

Anyone who wants to learn how to thoroughly test React applications.
Someone with exposure to React applications.
Someone who is comfortable with JavaScript.
A developer who wants to refine their testing skills.

React - Mastering Test Driven Development

What you'll learn

Explore related topics

Course content

Introduction to the Course5 lectures • 13min

GiftGiver and Test Driven Development14 lectures • 1hr 44min

LootCheck and Behavior Driven Development | Part One14 lectures • 1hr 30min

LootCheck and Behavior Driven Development | Part Two12 lectures • 1hr 10min

Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: