강의

멘토링

로드맵

BEST
Programming

/

Front-end

Yalco's Easiest React

Learn React most easily and quickly with Explanation Master YALCO's rich and dense lectures!

(4.9) 113 reviews

827 learners

  • yalco
이론 실습 모두
유튜버
JavaScript
React
Node.js
Web Application

Reviews from Early Learners

What you will learn!

  • React's core concepts and features

  • Web application operating principles, Node.js, etc., background knowledge

  • Practical knowledge and tips from final project

  • JavaScript essentials for React

🇰🇷 This course is designed for Korean-speaking learners. If you speak English, Japanese, Vietnamese, or any other language, please take the course available at the link below.

https://inf.run/FTpMS

💬 Event in progress where you can take the course at half price by leaving a comment!
Please leave a helpful comment on the YouTube video below (the free part of this lecture) (even one line is fine)
If you send a screenshot to yalco@yalco.kr , we will send you a half-price coupon.
Video link: https://youtu.be/aC55WY8jxX0

🪙 React taught by 100,000 YouTuber Yalko

React is a powerful tool that allows you to create web pages quickly and efficiently, and is loved by many companies and developers. It is a technology that you must learn if you want to become a web developer.

Yalko, a true veteran of coding content and the master of explanation, will teach you React in the easiest way on earth.

Life is short and your time is precious.

The era of coding with AI!

Now, rather than the ability to write code one by one, what is important is the ability to quickly learn the core concepts and functions of the technology being used and to decide what to instruct AI to do.

Learn all the core knowledge you need for React programming quickly and easily through condensed lectures that don't waste a single moment!

🎊 It reflects the latest features and fixes of React 19.

Features of this course

Yalko's lectures are different.

React explained by Yalko, the captain of explanation

You can learn React programming easily and quickly through examples that Yalco has painstakingly developed to explain even difficult and complex concepts in a snap.

Even for beginners in JavaScript 👌

We will explain the JavaScript grammar and concepts used in React that beginners may not know in an easy and clear manner throughout the lecture.

Rich explanation through visual aids

We present various concepts and principles that can be difficult and boring in a way that is enjoyable for the eyes through clear and colorful animations.

A video that is easy on the eyes, ears, and hands

Dialogue for every scene is provided as subtitles, and codes mentioned on the screen are highlighted. Most example codes can be viewed all on one screen.

Greenness without a single second of waste, tightly packed, thick texture

We designed it so that the running time is short by omitting the process of typing code, but subtitles and highlights are always provided so that it is not difficult to follow the video.

All practical example code provided

The sample codes for the lecture are uploaded to the Notion page. Students can gain additional knowledge by asking questions directly on the page.

Learn about these things

Important concepts in front-end development

It's important to know 'why you're learning'. From how web applications work, to the past and present of the front-end, to why React came into being, to the concept of the virtual DOM! We'll teach you easily with visual elements and analogies.

Structure and principles of React projects

You'll learn the essentials for React development, including how to build and run projects using Node.js and a bundler, concepts about test mode and deployment, and how to structure a React application.

Component Rendering Basics

Learn how to build applications with components, render desired elements using JSX, and visualize data efficiently using conditional rendering and list rendering.

Handling data and events

We will learn how to manage state using State, share data between components with Props, handle various events, and separate logic with Reducers through various examples.

Various React Hooks

You will gain the knowledge and ability to control the state and lifecycle of your application and freely use the desired functions through hooks built into React or written by the user.

Optimization, Context, Routing

You will learn how to minimize unnecessary operations, manage shared data within a desired scope as context, and handle multiple pages and parameters through routing.

Final Project

We will build a front-end application that manages a book list. By applying the concepts learned above, we will learn how each function is used in practice.
You can gain hands-on experience with practical development by sending requests to the test server provided in the lecture and reading, writing, and modifying data.

Do you have any questions?

Q. How much HTML, CSS, and JavaScript do I need to know?

If you have the basics of HTML and CSS, that's enough. Especially for CSS, you don't have to write it yourself in this lecture, the codes are already written in the examples.
The more you know about JavaScript, the better, but there are parts that those who lack grammar knowledge may find difficult, and we will explain them here and there during the lecture. Therefore, if you have learned the basics of JavaScript, you will be able to take this course without much difficulty.

Q. The entire lecture time is about 4 hours. Isn't it too short or insufficient?

Because the videos were made by removing as much as possible elements other than knowledge transfer, such as the process of typing code, the overall length is short compared to the amount of lectures. We took care to compress the amount of knowledge delivered in other general lectures that take 8 to 10 hours or more into less than half the time, while making sure that you do not have difficulty taking the class through subtitles and code highlighting in every scene.

Things to note before taking the class

Practice environment

  • Operating System: Windows, macOS

  • What to install: Node.js, code editor such as VS Code

Learning Materials

  • The format of the learning materials provided (PPT, cloud link, text, source code, assets, programs, example problems, etc.)

  • Quantity and capacity, features and notes on other learning materials, etc.

Player Knowledge and Notes

  • HTML, CSS, JavaScript Basics

Recommended for
these people

Who is this course right for?

  • All aspiring frontend developers

  • Those who have completed the basic courses in HTML, CSS, and JavaScript

  • For those who want to turn great ideas into web apps

Need to know before starting?

  • Basic knowledge of HTML, CSS, and JavaScript

Hello
This is

30,453

Learners

1,565

Reviews

86

Answers

4.9

Rating

17

Courses

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

Curriculum

All

31 lectures ∙ (4hr 10min)

Published: 
Last updated: 

Reviews

All

113 reviews

4.9

113 reviews

  • 23sdf7060님의 프로필 이미지
    23sdf7060

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    I watched the free part of the YouTube video and waited for the January class to open because of the simple and easy explanation, and now I have taken all the classes. It was a very satisfying and helpful class. I look forward to the next class. Thank you.

    • yalco
      Instructor

      I'm really glad the lecture was helpful! I'll make better content in the future. Thank you!

  • silverhozan님의 프로필 이미지
    silverhozan

    Reviews 8

    Average Rating 4.9

    5

    43% enrolled

    The video and quality are just insanely good, I can't listen to other lectures anymore.

    • yalco
      Instructor

      Thank you! Please feel free to ask anytime if you have any difficulties during the remaining process!

  • seungtaemoon625289님의 프로필 이미지
    seungtaemoon625289

    Reviews 1

    Average Rating 5.0

    Edited

    5

    37% enrolled

    It explained the core of React in a way that allowed me to quickly grasp it and easily apply it to development. It's not overwhelming compared to other courses, and it was enough to jump straight into a project after taking this course.

    • yalco
      Instructor

      Thank you! I'm glad the lecture was helpful!

  • harbinger님의 프로필 이미지
    harbinger

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    I studied React on my own through a light book and did some practice, but there was something frustrating, so I bought a lecture to review. I revisited what I had studied and re-established the concepts, and when I entered the code, I didn't just blindly follow along, but thought about the structure, which helped me study. If you open a React intermediate level or higher course later, I am willing to take it. Thank you.

    • yalco
      Instructor

      I'm glad the content I worked hard to prepare was helpful! Thank you!!

  • woojung230님의 프로필 이미지
    woojung230

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    I really liked the free YouTube episodes because they were compact but full of great content. I've completed the paid portion as well! Even with my experience doing React projects, I learned so much from the final project. You can't get full on the first bite, so I need to review it from time to time to make it my own. Please make TypeScript and Next.js courses too!

    • yalco
      Instructor

      Thank you!! I hope the lecture was helpful. I'll prepare the TypeScript lecture as soon as possible!

Limited time deal ends in 6 days

$19.80

25%

$26.40

yalco's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!