강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

[React Part 2] Advanced Topics and Hooks

Now React truly starts to 'make sense'. Advanced concepts and Hooks, learn easily and accurately.

(4.9) 30 reviews

776 learners

Level Intermediate

Course period Unlimited

  • jeonghwan
React Context
React Context
react-hooks
react-hooks
React
React
JavaScript
JavaScript
Web Application
Web Application
React Context
React Context
react-hooks
react-hooks
React
React
JavaScript
JavaScript
Web Application
Web Application

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

Changmin Lee

100% enrolled

Following the first lecture, I was very satisfied with the lecture. It was better because it was a class that asked questions about why it was necessary rather than simply learning how to use it, and understood the principles. (In particular, this was prominent in the part comparing classes and function components.) And there was a time to organize what was done in the middle, so it was a great help to recall the lecture content and follow the content. (It would also be good for reviewing later.) As you mentioned in the final summary, I think this learning method will be very helpful when looking at other libraries or applying it to other places. Thank you so much for preparing a great lecture.

5.0

dohyun_lim

100% enrolled

This is a well-prepared lecture. It is not just about how to use React hooks, but there is a process to understand them more deeply while following the internal implementation in a similar way. p.s) Thank you for always answering my questions.

5.0

e1li0t

93% enrolled

It was easier to understand because it not only explained the functions of React hooks but also implemented and explained how they work! It was also nice to learn a good design method. Are you planning to release Part 3 with more in-depth content or other practical courses? Thank you for always providing great lectures!

What you will gain after the course

  • React Component Design Techniques

  • React Advanced Topics and Application

  • React Hook (Hooks)

I will teach you advanced React topics and hooks with certainty.


Objectives of this lecture

  • Master component design techniques based on 'Thinking in React'

  • Understand advanced React topics not covered in Part 1, such as context, ref, higher-order components, and controlled components.

  • Understand six hooks that are commonly used in practice, including basic hooks and additional hooks.


Course Features

  • Understand the structure by creating React core concepts yourself

  • Learn practical React usage while building a delivery application.


Key Contents

  1. Thinking in React

    • Part 1: Summary of the class, setup of the practice environment, introduction of results

    • Design and implement maintainable components

  2. Advanced Topics

    • Understanding React Context, Higher-Order Component Pattern, Ref, and Portal

    • Development of router and dialog modules using this

  3. Hook 1

    • Comparison of class and function components, background of hooks


    • Understanding and utilizing state hooks, side effect hooks, and context hooks

  4. Hook 2

    • Control component, development of form module using it

    • Understanding and utilizing rep hooks, reducer hooks, and memoization hooks

Teaching Materials

스크린샷 2023-09-27 오전 6.00.26.png


스크린샷 2023-09-27 오전 6.01.10.png


스크린샷 2023-09-27 오전 6.01.24.png


ezgif.com-video-to-gif.gif


Instructor Introduction

Kim Jung-hwan

A working developer who loves learning and organizing web technologies.

I run a technology blog about web technologies and my thoughts as a developer.

View Lectures We share the skills learned and know-how gained from practical work in the form of presentations or lectures.

I work as a front-end developer at Elegant Brothers.


Questions and Answers for Students

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

No, you must have some experience in web development.

Q. Do I have to take the previous class?

Yes, it is an extension of the first class, so it is recommended that you take it after fully understanding the previous content.

Q. Why should I learn React?

The current job market is looking for developers with knowledge of modern web frameworks. If you have the skills in React, one of the most popular technologies, you will be in demand by many companies.

Q. What are the benefits of learning React?

React solves many of the common problems in user interface development, giving developers one more tool to focus more on business logic development and quickly create products.

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

If you have experience with web development at least once, it is meaningful to take this class. This is because the class is conducted on the assumption that you are familiar with HTML and JavaScript grammar. For those who are still lacking in web basics, I recommend that you learn first and then take the class.

Q. What level is the class content?

This is a guide based on the advanced guide and hooks in the official React documentation. It covers the core parts of React.

Q. Are there any notes regarding course registration?

There are four tools that will be used in class. Node.js development editor, web browser, and Git. You can also check it out in the preview class. ( Practical environment configuration )


Previous lecture

[React Part 1] Learning React by Making and Comparing

Recommended for
these people

Who is this course right for?

  • Those aspiring to upgraded development with component design skills.

  • Those aiming to be competitive developers, by learning React's structure and principles, not just its usage.

  • Those wishing to grasp third-party library workings and master their effective use.

Need to know before starting?

  • React basic concepts or React Part 1 lecture-level understanding

Hello
This is

14,077

Learners

888

Reviews

595

Answers

4.8

Rating

9

Courses

Please post any questions you have during class in the Q&A section.
I will check and respond to them once a day.

Curriculum

All

167 lectures ∙ (19hr 47min)

Published: 
Last updated: 

Reviews

All

30 reviews

4.9

30 reviews

  • kimhonor3160님의 프로필 이미지
    kimhonor3160

    Reviews 13

    Average Rating 5.0

    5

    32% enrolled

    I remember being so satisfied with the first part, so I paid for this lecture without hesitation!! The conclusion is, as expected, I'm satisfied! Above all, the instructor is cute, although I don't know if it's just me ㅋㅋㅋㅋㅋ The way he shows off his equipment like grains of rice and the way he exclaims "Oh~" when he encounters an unexpected error in the middle of the lecture refreshes me in the middle of watching the lecture!! I hope to see many more great lectures in the future. Thank you~

    • jeonghwan
      Instructor

      I am glad that you were satisfied with the second part of the lecture, following the first part. I thought that the content might have been too heavy. I am grateful that you appreciated these aspects in addition to the content of the lecture.

  • jihoson94님의 프로필 이미지
    jihoson94

    Reviews 16

    Average Rating 5.0

    5

    100% enrolled

    The content is really neat and deep.

    • jeonghwan
      Instructor

      Thank you so much for your kind words.

  • walter님의 프로필 이미지
    walter

    Reviews 2

    Average Rating 5.0

    5

    31% enrolled

    This is innovation.

    • jeonghwan
      Instructor

      Thank you for the review.

  • wingwin19884720님의 프로필 이미지
    wingwin19884720

    Reviews 25

    Average Rating 4.2

    5

    62% enrolled

    Thank you for sharing the internal workings of React APIs, which has helped me feel like my understanding of the framework has improved. Thank you.

    • jeonghwan
      Instructor

      It seems that understanding React's internal workings really changes how you view the entire framework. I'm glad and feel rewarded that this was helpful to you in that regard. Thank you for leaving a review.

  • 2projlee1369님의 프로필 이미지
    2projlee1369

    Reviews 3

    Average Rating 4.3

    4

    31% enrolled

    $59.40

    jeonghwan's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!