BEST

Learning React A-Z by Following Along [Version 19 반영]

Name: Learning React A-Z by Following Along [Version 19 반영]
Price: 55000 KRW
Rating: 4.8 (94 reviews)

In this course, you will learn React from basic to intermediate level. This single course is designed to help you learn the concepts, practice them, and acquire most of the knowledge you need for React all at once.

(4.8) 94 reviews

2,977 learners

Level Basic

Course period Unlimited

John Ahn

React

Next.js

TypeScript

TDD

Redux

React

Next.js

TypeScript

TDD

Redux

Reviews from Early Learners

4.8

5.0

gyuyoung park

6% enrolled

I think John Ahn's lectures are great. He provides a low lecture fee, even makes the textbook himself, and the contents are also informative. How can I take another React lecture when I can take a lecture like this, which is rich in content and affordable compared to other lectures?

5.0

원준

100% enrolled

1. Lecture materials - 5 points There are many attractive GIF materials, but it is unfortunate that the GIFs are not included in the PDF, and the pictures of the parts where the pages are divided are cut off when exporting from the diagram app. ㅠ It would be good if Infraon had standards or guidelines for documents. I have seen some instructors use Hangul files.. Still, the lecture materials are perfect quality, so I give them 5 points 2. Lecture delivery - 5 points This is the first time I have left a review saying that the voice is good. It is easy to listen to. React was difficult when I used to read books or study on my own, but I learned well thanks to the kind lectures that teach important things more, and do not just roughly draw them with a drawing program, but with proper diagrams or materials. While listening to this, I got 3 other lectures recommended by an acquaintance, but after comparing them, this seems to be the best for learning React and for beginners in the front-end. 3. Lecture structure - React~TDD is 5 points, 8th and later 4 points React and testing, distribution, and automation are explained very well, but TypeScript, Next.js, and Redux are not explained in detail, which is unfortunate! It's not that the lectures are lacking, but the latter part only covers the introduction. It would be good to have an intermediate course~ 4. Overall evaluation This is a perfect lecture. The price is relatively cheap compared to the quality.

5.0

조찬호

100% enrolled

This is a great lecture to lightly remind you of the basics you need to know when working on the front! I plan to watch this lecture again after each project to refresh my memory.

What you will gain after the course

React
Next.js
TypeScript
Automatic static site deployment
Docker

From React basic concepts to intermediate techniques
You can learn by creating your own app!

Learn by following
React AZ

In this course, you will learn React skills from basic to intermediate level .
Even those who are new to React can acquire most of the knowledge they need for React with just this one lecture.

I made it so that you can learn the concepts and practice in one lecture, and acquire most of the knowledge necessary for React at once. I hope that learning React, which is considered essential to become a front-end developer, will be of great help in getting a job.

Only for this lecture
Check out the benefits.

_{Helps with structural understanding
Diagram-centric
Easy and detailed explanation}

_{Directly the source code
While writing
Natural repetition learning}

_{Real world applications
Can be made
Practice-oriented lectures}

_{Learn the basics of JavaScript
If you are a beginner developer
Anyone OK!}

1-2. Step 2: Visual explanation through diagram + direct code writing!

Because it is easier to understand visually through diagrams than just listening to an explanation. Also, I think that learning through diagrams like this and then writing source code naturally has a reviewing effect.

3. Learn by doing, hands-on lectures.

First, learn the necessary concepts, and then practice to solidify the concepts.

4. Suitable for learners who know the basics of JavaScript.

If you know the basics of JavaScript, you will have no difficulty taking this course.

You will learn:

Section 1) You will learn about the concepts of React.

Section 2-3) Learn and use basic React concepts while creating a To-Do app.

Section 4-5) Learn and use more advanced concepts of React while creating a Netflix app.

Section 6-7) Learn the basics of React testing and create a simple button app through practice.

Section 8) Learn about NextJS and Typescript and create a blog app using them.

Section 9) Learn about the new features and APIs in React 18, the new version of React.

Section 10) Learn about Redux, React's representative state management library.

Section 11) Learn how to run React with Docker.

Expected Questions Q&A 💬

Q. Is this a lecture that non-majors can also take?

A. Since the lectures are given in detail from the basics, even non-majors can take the course.

Q. Why should I learn React?

A. I think learning React will be very helpful for getting a job, as it is the most used library as a front-end developer.

Q. Is there anything I need to prepare before attending the lecture?

A. It would be good to know and listen to basic JavaScript concepts.

Knowledge sharer's
Are you curious about other lectures?

32,000+ cumulative students, learn by following the web development series 📖

Recommended for
these people

Who is this course right for?

For those who are learning React for the first time
For those who want to become a front-end developer

Need to know before starting?

JavaScript

Hello
This is

85,146

Learners

2,768

Reviews

2,430

Answers

4.8

Rating

Courses

Hello.

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

Curriculum

All

162 lectures ∙ (24hr 16min)

Course Materials:

Lecture resources

Section 1. Lecture materials

3 lectures

1. Advice on taking lectures
2. Lecture chart data (Draw IO) (Recommended)
3. Lecture source code

Section 2. What is React?

5 lectures ∙ (26min)

Section 3. Learning React by Building a Simple To-Do App

13 lectures ∙ (1hr 14min)

9. Exploring the basic React structure installed with Vite.
04:13
10. Trying to run the React App (npm run dev)
02:33
11. What is a SPA (Single Page Application)?
04:35
12. Introduction to the to-do list app and understanding JSX
05:25
13. Starting to build a to-do list app
06:28
14. Creating a to-do list UI (writing JSX, CSS)
05:11
15. Listing a to-do list using the Map method
06:46
16. Understanding the JSX Key Attribute
06:13
17. Deleting to-do lists using the filter method
06:43
18. What is React State?
04:30
19. Add to-do list
10:58
20. Spread Operator
04:03
21. Marking completed tasks (conditional ternary operator)
06:32

Section 4. Optimizing Your To-Do App

10 lectures ∙ (1hr 29min)

Section 5. Starting to build a Netflix app

10 lectures ∙ (1hr 25min)

Section 6. Completing the Netflix App

15 lectures ∙ (2hr 57min)

Section 7. React TDD Basics

8 lectures ∙ (46min)

Section 8. Creating and deploying a simple app using React TDD

10 lectures ∙ (50min)

Section 9. Next.js with TypeScript

24 lectures ∙ (6hr 0min)

Section 10. React Version 18

3 lectures ∙ (18min)

Section 11. Redux

11 lectures ∙ (2hr 30min)

Section 12. Running React with Docker

13 lectures ∙ (1hr 17min)

Section 13. React 19

10 lectures ∙ (1hr 24min)

Section 14. Lectures scheduled for removal

27 lectures ∙ (3hr 33min)

Published:

Last updated:

Reviews

All

94 reviews

4.8

94 reviews

lgs4002
Reviews 16
∙
Average Rating 4.4
4
97% enrolled
Unlike the React part, I felt that the Nextjs, Typescript, and Redux parts were a bit disappointing. It was a good lecture.
gyoue2001250810
Reviews 5
∙
Average Rating 5.0
5
6% enrolled
I think John Ahn's lectures are great. He provides a low lecture fee, even makes the textbook himself, and the contents are also informative. How can I take another React lecture when I can take a lecture like this, which is rich in content and affordable compared to other lectures?
wj7165
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
1. Lecture materials - 5 points There are many attractive GIF materials, but it is unfortunate that the GIFs are not included in the PDF, and the pictures of the parts where the pages are divided are cut off when exporting from the diagram app. ㅠ It would be good if Infraon had standards or guidelines for documents. I have seen some instructors use Hangul files.. Still, the lecture materials are perfect quality, so I give them 5 points 2. Lecture delivery - 5 points This is the first time I have left a review saying that the voice is good. It is easy to listen to. React was difficult when I used to read books or study on my own, but I learned well thanks to the kind lectures that teach important things more, and do not just roughly draw them with a drawing program, but with proper diagrams or materials. While listening to this, I got 3 other lectures recommended by an acquaintance, but after comparing them, this seems to be the best for learning React and for beginners in the front-end. 3. Lecture structure - React~TDD is 5 points, 8th and later 4 points React and testing, distribution, and automation are explained very well, but TypeScript, Next.js, and Redux are not explained in detail, which is unfortunate! It's not that the lectures are lacking, but the latter part only covers the introduction. It would be good to have an intermediate course~ 4. Overall evaluation This is a perfect lecture. The price is relatively cheap compared to the quality.
joc12454232
Reviews 9
∙
Average Rating 4.9
5
100% enrolled
This is a great lecture to lightly remind you of the basics you need to know when working on the front! I plan to watch this lecture again after each project to refresh my memory.
ezdar2693
Reviews 3
∙
Average Rating 5.0
5
83% enrolled
Seriously... the quality is crazy... At first, I thought I'd just skim through it while I had time since it was on sale! But I'm really learning a lot! If you haven't seen it yet, definitely watch it! It's the best lecture I've heard this year!

$42.90

John Ahn's other courses

Check out other courses by the instructor!

Learn JavaScript A-Z by Following Along

John Ahn

You can learn JavaScript from basic to intermediate, which is the foundation of web development.

Beginner

JavaScript

Learn JavaScript A-Z by Following Along

John Ahn

Learn React Native Basics by Following

John Ahn

Through this course, you will be able to develop applications using React Native.

Basic

React Native, React, expo

Learn React Native Basics by Following

John Ahn

Node and React series that you can learn by following - Creating a movie site

John Ahn

Through this course, you will learn not only concepts such as React and Node, but also how to practically create a website.

Basic

React, Node.js, Web Application

Node and React series that you can learn by following - Creating a movie site

John Ahn

Node and React series that you can learn by following - Creating a chatbot site

John Ahn

In this course, you will learn how to create a chatbot using the API provided by Google.

Basic

React, Node.js

Node and React series that you can learn by following - Creating a chatbot site

John Ahn

Node and React series that you can learn by following - Basic lecture

John Ahn

In this course, you will learn the basics of how to use React and Node.

Basic

React, Node.js

Node and React series that you can learn by following - Basic lecture

John Ahn

TypeScript A-Z: Learn by Following

John Ahn

In this course, you will learn about TypeScript.

Basic

TypeScript, JavaScript

TypeScript A-Z: Learn by Following

John Ahn

Learn HTML and CSS by following along

John Ahn

Through this course, you can learn the basics of HTML and CSS.

Beginner

HTML/CSS

Learn HTML and CSS by following along

John Ahn

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

In this course, you will be able to create a Reddit website from scratch, step by step.

Basic

Clone Coding, Node.js, React

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

Web game that lets you learn by following along

John Ahn

This course will teach you how to develop web games.

Intermediate

React

Web game that lets you learn by following along

John Ahn

Learn React Testing by Following [Updated November 2023]

John Ahn

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

Basic

React, React Context, Web Application

Learn React Testing by Following [Updated November 2023]

John Ahn

Learn NestJS by following along

John Ahn

In this course, you will learn about NestJS.

Basic

NestJS, PostgreSQL, TypeORM

Learn NestJS by following along

John Ahn

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

In this course, you will learn how to create a chat application using React and Firebase.

Basic

React, Firebase, Web Application

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

TDD Development by Following [Updated in November 2023]

John Ahn

In this course, you will create a Node.js application using test-driven development (TDD).

Basic

TDD, Node.js, Express

TDD Development by Following [Updated in November 2023]

John Ahn

Learn Docker and CI environment by following [2023.11 update]

John Ahn

Through this course, you can learn about Docker and set up a CI environment.

Basic

GitHub, AWS, Docker

Learn Docker and CI environment by following [2023.11 update]

John Ahn

DENO - Learn by Following - Basic Course

John Ahn

Deno, which has been receiving a lot of attention even before its release, has finally been released. In this lecture, you can learn how Deno is different from Node and how to handle Deno.

Basic

Deno

DENO - Learn by Following - Basic Course

John Ahn

Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]

John Ahn

Through this lecture, you can create a shopping mall website from scratch step by step.

Intermediate

React, Redux, Node.js

Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]

John Ahn

Node and React series that you can learn by following - Creating a YouTube site

John Ahn

In this course, you will not only learn the concepts of React and Node, but also learn how to practically create a website.

Basic

React, Redux, Node.js

Node and React series that you can learn by following - Creating a YouTube site

John Ahn

Similar courses

Explore other courses in the same field!

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

In this course, you will learn how to create a chat application using React and Firebase.

Basic

React, Firebase, Web Application

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

Learn React Testing by Following [Updated November 2023]

John Ahn

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

Basic

React, React Context, Web Application

Learn React Testing by Following [Updated November 2023]

John Ahn

Digging into the latest version of React's official documentation

jeong4726

There are no special React techniques that you can only learn by working in the field. The basics are enough. I will explain based on the official React documentation.

Basic

React, React Context, react.js

Digging into the latest version of React's official documentation

jeong4726

TypeScript A-Z: Learn by Following

John Ahn

In this course, you will learn about TypeScript.

Basic

TypeScript, JavaScript

TypeScript A-Z: Learn by Following

John Ahn

React Intermediate Start: Introduction to Hooks

usefulit

This course goes beyond the React beginner level and is an intermediate learning course that intensively covers the principles and usage of Hooks, which are most frequently utilized in practical development. Through Hooks, the core tool of functional components, you can learn step-by-step how to implement state management, lifecycle control, performance optimization, and more. In particular, it systematically organizes the roles and usage patterns of basic Hooks like useState and useEffect, as well as advanced Hooks such as useRef, useMemo, and useCallback, and is structured to help you understand which Hook to choose for different situations. Through practical examples, you'll go beyond simple code writing to experience: State management optimization between components Prevention of unnecessary rendering Dynamic data management and DOM control This allows you to develop the intuition to solve problems frequently encountered in real projects. Upon completing this course, you'll master Hook-based development flow, which is the core of React, and be able to confidently apply it to more complex application structures.

Beginner

React, hook, react-hook-form

React Intermediate Start: Introduction to Hooks

usefulit

Web game that lets you learn by following along

John Ahn

This course will teach you how to develop web games.

Intermediate

React

Web game that lets you learn by following along

John Ahn

[Fullstack Introduction] Supabase, 10x Better Than Firebase

lopun

Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

Basic

PostgreSQL, Next.js, TailwindCSS

[Fullstack Introduction] Supabase, 10x Better Than Firebase

lopun

Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]

John Ahn

Through this lecture, you can create a shopping mall website from scratch step by step.

Intermediate

React, Redux, Node.js

Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]

John Ahn

# [Electron #1] Building a Timer App with Electron + React (With Zustand)

dakgangjung123

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

Basic

React, Electron, GUI

# [Electron #1] Building a Timer App with Electron + React (With Zustand)

dakgangjung123

Implementing Secure JWT Login with Spring Boot and React

oncoding

This course is a practical-focused learning program for JWT-based token authentication and security enhancement techniques that are essential in modern web service environments. Using Spring Boot 3, Spring Security 6, and React, you'll implement secure login systems and cover comprehensive security practices including XSS·CSRF countermeasures, HTTPS implementation, token reissuance and revocation strategies, and secure secret key management. Additionally, you'll practice real service-level environment configuration through AWS build·deployment and performance optimization using Redis, and the complete project source code provided in the course can be directly applied to real-world work.

Intermediate

React, Java, AWS

Implementing Secure JWT Login with Spring Boot and React

oncoding

Hybrid App with Expo Framework to Increase Web Developer's Salary

codecamp

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

Basic

React, Next.js, expo

Hybrid App with Expo Framework to Increase Web Developer's Salary

codecamp

Creating an Avatar Community App (React Native Expo)

Kyo

We develop an avatar-based community app with React Native. You'll learn to build a comprehensive community app, covering post creation, comments/replies, likes, voting, avatar generation, etc.

Basic

React Native, TypeScript, expo

Creating an Avatar Community App (React Native Expo)

Kyo

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

Basic

NestJS, REST API, backend

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners

ehtjd339667

A portfolio-focused course on directly deploying React frontend and SpringBoot backend to AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects to their portfolio! You'll be able to practice step-by-step in a short period the knowledge needed for deployment, from server setup to Docker, Domain connection, Nginx, and HTTPS implementation!

Basic

React, Java, AWS

SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners

ehtjd339667

Next.js Full Course to Dip In (English Audio & Korean Subtitles)

ludgi

A full course of hands-on Next.js! Complete a real-world project with the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

Intermediate

Next.js, React, GraphQL

Next.js Full Course to Dip In (English Audio & Korean Subtitles)

ludgi

Practical React Native for iOS/Android App Development - Basic

Wintho

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

Basic

React Native, React, ES6

Practical React Native for iOS/Android App Development - Basic

Wintho

[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 Hours

codefactory

This is a highly concentrated Typescript grammar lecture that will turn you into a Typescript grammar expert with just one lecture, even if you don't know anything about Typescript.

Basic

TypeScript

[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 Hours

codefactory

[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

codecamp

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

Intermediate

React, Next.js, cursor

[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

codecamp

TDD Development by Following [Updated in November 2023]

John Ahn

In this course, you will create a Node.js application using test-driven development (TDD).

Basic

TDD, Node.js, Express

TDD Development by Following [Updated in November 2023]

John Ahn

All About TypeScript

yongsoocho

How are you using TypeScript, the standard of Node.js? If you only add type annotations, it is not real TypeScript. I prepared everything because I don't know what you will like. Let's learn TypeScript A to Z :)

Basic

TypeScript, NestJS, Deno

All About TypeScript

yongsoocho

Learning React A-Z by Following Along [Version 19 반영]

Reviews from Early Learners

4.8

What you will gain after the course

Learn by following React AZ

Only for this lecture Check out the benefits.

1-2. Step 2: Visual explanation through diagram + direct code writing!

3. Learn by doing, hands-on lectures.

4. Suitable for learners who know the basics of JavaScript.

You will learn:

Expected Questions Q&A 💬

Knowledge sharer's Are you curious about other lectures?

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

John Ahn's other courses

Similar courses

Learn by following
React AZ

Only for this lecture
Check out the benefits.

Knowledge sharer's
Are you curious about other lectures?

Recommended for
these people

Hello
This is