강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Learn React Testing by Following [Updated November 2023]

In this course, you will learn how to test React applications.

(4.7) 55 reviews

1,536 learners

  • John Ahn
React
React Context
Web Application
Jest
Software Test

Reviews from Early Learners

What you will learn!

  • 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?

John Ahn

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 📖

Learn by following
TDD development

Test-Driven Development

Learn by following
NestJS

Multipurpose open source
Node.js framework

Recommended for
these people

Who is this course right for?

  • People who want to learn react testing

  • People who use react

Need to know before starting?

  • Anyone with experience developing apps with React

  • Anyone who has learned the basic grammar of React

Hello
This is

84,083

Learners

2,691

Reviews

2,430

Answers

4.8

Rating

20

Courses

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

Curriculum

All

54 lectures ∙ (6hr 49min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

55 reviews

4.7

55 reviews

  • TaeHyun Lim님의 프로필 이미지
    TaeHyun Lim

    Reviews 19

    Average Rating 5.0

    5

    100% enrolled

    항상 강의 잘 보고 있습니다. 감사합니다! 추후에 Cypress 같은 통합 테스트 강의도 있으면 좋을 것 같아요

    • sjpark960520님의 프로필 이미지
      sjpark960520

      Reviews 3

      Average Rating 4.7

      4

      100% enrolled

      참고 자료로 주신 React-Testing-Diagram 부분이 잘려져서 보이지 않습니다. 운영체제는 macOS를 사용하고 있습니다. msw와 만들어진 서버, 둘 중 하나만 사용을 하면 어떨까 하는 생각이 들었습니다. 둘 다 병행해서 사용되어서 그런지 에러가 났었던 부분들 중에서 msw와 만들어진 서버 사이의 문제가 많아서 헷갈렸었습니다. 마지막으로 강의에서 실수하신 부분이 있다면 해당 타임라인에 실수한 순간에 무엇을 실수하셨는지 명시하는 편이 훨씬 낫다는 생각이 들었습니다.

      • fongfing님의 프로필 이미지
        fongfing

        Reviews 17

        Average Rating 4.6

        4

        100% enrolled

        리액트와 tdd 조합이 어렵게만 느껴졌는데 쉽게 이해할 수 있도록 설명해주셔서 좋았습니다 :) 테스트 기능 중 일부를 다뤄본 느낌이라 더 많은 실전형 기능들을 tdd로 구현해나갈 수 있는 수업이 생기면 더 좋을 것 같아요 ! 강의 만드시느라 고생많으셨습니다. 감사합니다!

        • 김태희님의 프로필 이미지
          김태희

          Reviews 10

          Average Rating 5.0

          5

          100% enrolled

          왜 이렇게 코드를 작성해야하고, 왜 이렇게 동작하고, 왜 이런 오류가나는지를 모두 도표를 이용해서 너무 친절하게 설명해주십니다 정말 이번강의도 너무 감사드립니다 ㅠㅠ

          • hj rr님의 프로필 이미지
            hj rr

            Reviews 13

            Average Rating 5.0

            5

            100% enrolled

            jest를 사용한 리액트앱의 통합테스트가 주 컨텐츠인 강의입니다. 강의의 예제가 일 년 전에 vitest로 업데이트 되었으며, tdd를 위해 테스트 코드를 만들고 간단하게 리액트앱을 만드는 설명도 들어가 있기 때문에 초심자들에게 괜찮은 강의인것 같습니다.

            $38.50

            John Ahn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!