React with Test Driven Development

Learn React by applying test driven development ( incl. react router, redux, jest, testing-library/react )

4.60 (176 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Build an application with React

Build an application with multiple language (i18n) support

Build an application with client side routing, by using react router

Implement global state management with Context API and Redux

Practice Test Driven Development in a complete project from beginning to the end

How to mock external dependencies in testing

Feel how the test driven development is giving confidence when refactoring your application

Why take this course?

React is one of the most popular library for the client application development.

In this course we will be learning react by creating a web application with it. Also we will apply test driven development (TDD) methodology from beginning to the end.

We will use one of the most popular test libraries of javascript. jest and testing-library

while building this application, we will learn

client-side routing. we will apply our custom implementation then we will use react-router library
internationalization
global state management by using react's context api and then replacing it with redux

and we will see

how test driven development works.
how it's affecting our code quality, reusability
how it's giving us the confidence about refactoring our implementation
how to avoid implementation details while creating tests

This course is purely built on practice. Each code piece we write, will be for our actual application implementation.

In each section we will gradually build our application. We will not jump ahead and add functionality not needed for that moment. We will implement one requirement at a time. Each implementation will bring the next requirement to us.

And following this practice, will help you to get a solid foundation about overall web application requirements and how to implement one of them with react by following test driven development methodology.

After completing the course, you will be able to use React in your next project and you will experience the benefits of test driven development.

Reviews

Szabo

August 28, 2023

The material is very good, still, the use of class components and outdated router version created unnecessary pain to adapt the code.

Daniel

February 21, 2023

Fantastic teaching style, content, examples. Also everything is real life applications. I'm just working on this in my job and it's exactly what I need. The pace is just perfect and to the point.

Gildas

January 29, 2023

The course was very dense, packed with a lot of content and repetitions of the same concepts. I think it is necessary to go through it a few times to get the full benefit of it. Great job of the instructor who is very knowledgeable on the topic and very reactive in the Q&A section. I recommend the course 100% because Basar delivers the goods.

Zhiping

January 9, 2023

It is a great course for developer to learn not only testing but also React best practice. However, there are some content need to be updated with new feature in a latest React version.

Mykhailo

December 30, 2022

I've learned a lot of things, thank you very much Basar. I had to put 4.5 because the course is a bit outdated in terms of libraries used inside.

Yann

November 24, 2022

Great introduction for this kind of course. I just didn't really understood the transition between the Create React App and the Backend application in the Resources section. It was too blurry and we don't really know if we will need it for the next steps or if it is only to tease Nodejs Backend developers with another course.

Vivien

September 13, 2022

Editor font size left at ridiculous level not suitable for recording Use of class components in broad functional components era

Robert

August 31, 2022

It's a thorough introduction to TDD, you'll need to be familiar with JS and React, but that shouldn't come as a surprise.

Ashish

June 10, 2022

Apart from the REDUX part, it was great. I wish it had react-router v6 implementation instead. I had to do it myself which was fun however it was a bit overwhelming. Overall this course was fun it taught me how TDD is done in a React JS based project.

Nurbol

May 23, 2022

Great course. Good patterns and clear explanation. Hope Basar will make similar one with TS and hooks and a little bit longer.

Nikola

May 3, 2022

A great course on React and TDD, has everything you need to get started. The instructor really took the time to build a concise course, every piece of information is relevant. Thanks!

Silvan

April 22, 2022

For someone like me who was particularly interested in the TDD parts of this course, it really was a great course. Learned a lot and even picked up some new tips and tricks in React.

Murat

March 13, 2022

Thank you very much Basar, the course was really comprehensive and you were great! I learned a lot about react testing and test-driven development.

Carolina

December 13, 2021

Bom conteúdo e bastante aprendizado com o curso. Ótimo exercicio de TDD para quem já aprendeu o básico de Testing Library e Jest

Obi

November 24, 2021

This is a good course that gives a lot of practical examples on how to test react. As far as testing goes, this course covers the topic well and you will definitely learn how to test react. The course also teaches react and this is where I had to take off 1 1/2 stars. A lot of time is spent styling components and teaching react fundamentals. I would have really preferred if the course had a prerequisite of knowing react and redux so more time could be spent on TDD. The class based components used in the course aren't a deal breaker and it's easy to refactor them. I would recommend this course to someone who's just starting with React because you'll learn TDD as well as state management and data fetching. For those proficient in React, the course at times feels very slow but you will learn about TDD. There isn't much theory or lecturing. I think this is a good course for a lot of people but if you're competent with React you might do better by finding something more concise.

Charts

Price

Rating

Enrollment distribution

React with Test Driven Development - Distribution chart