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.
2,977 learners
Level Basic
Course period Unlimited
Recommend Course to grow and earn commission!
Marketing Partners
Recommend Course to grow and earn commission!
Reviews from Early Learners
5.0
gyuyoung park
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
원준
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
조찬호
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.
React
Next.js
TypeScript
Automatic static site deployment
Docker
From React basic concepts to intermediate techniques
You can learn by creating your own app!
.png?w=960)
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.
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!
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.
First, learn the necessary concepts, and then practice to solidify the concepts.
If you know the basics of JavaScript, you will have no difficulty taking this course.
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.
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.
32,000+ cumulative students, learn by following the web development series 📖
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
85,187
Learners
2,770
Reviews
2,430
Answers
4.8
Rating
20
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
All
162 lectures ∙ (24hr 16min)
Course Materials:
18. What is React State?
04:30
19. Add to-do list
10:58
20. Spread Operator
04:03
All
94 reviews
4.8
94 reviews
Reviews 5
∙
Average Rating 5.0
Reviews 16
∙
Average Rating 4.4
Reviews 9
∙
Average Rating 4.9
Reviews 3
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
5
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.
Check out other courses by the instructor!
Explore other courses in the same field!
$42.90
![Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]Course Thumbnail](https://cdn.inflearn.com/public/courses/325240/course_cover/d5d7e9a9-2d6f-4a81-84da-5e9cde3f39a4/nodereactecommerce-eng.png?w=420)
![TDD Development by Following [Updated in November 2023]Course Thumbnail](https://cdn.inflearn.com/public/course-326029-cover/7f87dfc8-b7a2-4ab7-9c44-b3e6dfdcd702?w=420)
![Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]Course Thumbnail](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?w=420)
![Learn React Testing by Following [Updated November 2023]Course Thumbnail](https://cdn.inflearn.com/public/courses/327775/cover/0ef9c174-9974-4530-9470-d1ce8648aa75/327775-eng.png?w=420)
![Learn Docker and CI environment by following [2023.11 update]Course Thumbnail](https://cdn.inflearn.com/public/course-325821-cover/e5a56b04-463b-410c-9b3a-d769cd192add?w=420)
![[From JavaScript to React] The Path to React Without Giving Up [Full vers.]Course Thumbnail](https://cdn.inflearn.com/public/courses/334889/cover/00422504-ab9c-46e3-9abd-8bcf0bb9ec7a/334889.jpg?w=420)
![[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 HoursCourse Thumbnail](https://cdn.inflearn.com/public/courses/330970/cover/3c24c2b8-9dc1-44ed-af4e-2b58542a6504/330970-eng.png?w=420)
![[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS CoreCourse Thumbnail](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?w=420)
![[PROKIT] Frontend Project Kit: Building a Timer AppCourse Thumbnail](https://cdn.inflearn.com/public/files/courses/339612/cover/01ke6d974hx4y1esmd9p80w7cx?w=420)
![[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?w=420)
![From DOM to Pixels, Mastering Browser Rendering and CRP - [Mastering DOM Part 3]Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338418/cover/01k34f9mhtvq2xgzr15w1qhmas?w=420)
![# [Electron #1] Building a Timer App with Electron + React (With Zustand)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?w=420)
