I always enjoy your lectures. Thank you! I think it would be good to have a lecture on integrated testing like Cypress in the future.
5.0
김태희
100% enrolled
Why do I have to write the code like this, why does it work like this, why does this error occur?
You explain everything so kindly using diagrams.
I'm really grateful for this lecture. ㅠㅠ
5.0
hj rr
100% enrolled
This lecture primarily covers integration testing of React apps using Jest.
The lecture examples were updated to Vitest a year ago, and it seems like a decent lecture for beginners as it includes explanations on creating test codes for TDD and building simple React apps.
What you will gain after the course
React Testing
React Context
Jest
React Testing Library
Mock Service Worker
A to Z for React Testing! Become a more advanced React developer.
Testing React applications, Why should I learn?
They say testing React applications is important... but why exactly is it important?
As React applications become more widely used, the demand for more robust React applications is growing. Therefore, many React job postings ask for candidates who can test React applications .
In this lecture?
Create a React application using test-driven development (TDD). It allows you to implement more stable applications.
This course covers testing React applications, aimed at React users who want to learn React testing. Because you'll be testing while building a real React application, the course is structured to teach both React and React testing together.
Have you always wanted to learn how to test React applications? Perhaps you've been putting off learning React testing because you're pressed for time? If you're a front-end developer or React developer, I believe this course will be of great help. Let's tackle it together!
I recommend this to these people!
✅ Anyone who wants to learn React testing
✅ Front-end developer using React
Please check your player knowledge!
This course is suitable for those with experience developing apps with React and those familiar with its basic syntax. Please refer to the course notes for reference.
Only in this lecture Check out the benefits.
Helps with structural understanding Diagram-centric Easy and detailed explanation
Direct source code While writing Natural repetition learning
Real application Can be made Practice-oriented lectures
I learned the basics of React If you are a beginner developer Anyone OK!
1-2. Step 2: Visual explanation through diagram + direct code writing!
Visualizing the diagrams helps you understand the material better than simply listening to the explanation. Furthermore, I believe that learning through diagrams and then writing source code naturally promotes review.
3. Learn by doing, practice-oriented lectures.
You'll learn about the modules needed for testing and the concepts of test-driven development, but this is also a hands-on course because you'll be testing while building an actual application.
4.Suitable for learners who know the basics of React.
If you're familiar with the basics of React, you'll find this course easy to follow. This course covers not only testing but also building React applications in detail.
The following content I'm learning.
This course is divided into seven sections, focusing on the following skills:
Section 1-2) explains the basics of React testing and installs the modules required for testing.
Section 3) Develop a simple React application using a test-driven development approach.
Section 4) explains more efficient methods for React testing.
Section 5-7) Develop more complex applications using a test-driven development approach.
Knowledge sharer Interested in other lectures?
With over 32,000 students enrolled, this web development series lets you learn by following along 📖
I am a developer who enjoys the process of development.
I hope I can be of great help to you in the future.
- Author of "Learning Docker and CI Environments by Following Along" - FE Instructor for Kakao New Employee Recruitment - Instructor at Fast Campus and Goorm - Corporate Development Training for Hyundai Motor Company - Full-stack development for Shinhan Bank Metaverse and Korbit Town - Full-stack development for various public institution SNS platforms
The React-Testing-Diagram part you provided as reference is cut off and cannot be seen. I am using macOS as my operating system. I was thinking about using only one of the two, msw and the created server. Since both were used in parallel, I was confused because there were many problems between msw and the created server among the parts where errors occurred. Lastly, if you made a mistake in the lecture, I think it would be much better to specify what you made a mistake at the time on the timeline.
I felt like the combination of react and tdd was difficult, but I liked that you explained it in an easy-to-understand way :) I feel like I covered some of the test features, so I think it would be better if there was a class that could implement more practical features with tdd! Thank you for your hard work in making the lecture!
Why do I have to write the code like this, why does it work like this, why does this error occur?
You explain everything so kindly using diagrams.
I'm really grateful for this lecture. ㅠㅠ
This lecture primarily covers integration testing of React apps using Jest.
The lecture examples were updated to Vitest a year ago, and it seems like a decent lecture for beginners as it includes explanations on creating test codes for TDD and building simple React apps.