강의

멘토링

커뮤니티

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

761 learners

  • jeonghwan
실습 중심
실무
핵심원리
React Context
react-hooks
React
JavaScript
Web Application

Reviews from Early Learners

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

13,969

Learners

884

Reviews

595

Answers

4.8

Rating

9

Courses

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

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 2

    Average Rating 4.0

    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!