inflearn logo
inflearn logo

[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개

강의소개.상단개요.수강생.short

난이도 중급이상

수강기한 무제한

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

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.9

5.0

Changmin Lee

100% 수강 후 작성

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% 수강 후 작성

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% 수강 후 작성

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!

강의상세_배울수있는것_타이틀

  • 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

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • 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.

선수 지식, 필요할까요?

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

강의소개.지공자소개

14,098

수강생

891

수강평

595

답변

4.8

강의 평점

9

강의_other

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

커리큘럼

전체

167개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

30개

4.9

30개의 수강평

  • wingwin19884720님의 프로필 이미지
    wingwin19884720

    수강평 25

    평균 평점 4.2

    5

    62% 수강 후 작성

    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
      지식공유자

      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.

  • kimhonor3160님의 프로필 이미지
    kimhonor3160

    수강평 13

    평균 평점 5.0

    5

    32% 수강 후 작성

    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
      지식공유자

      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

    수강평 16

    평균 평점 5.0

    5

    100% 수강 후 작성

    The content is really neat and deep.

    • jeonghwan
      지식공유자

      Thank you so much for your kind words.

  • walter님의 프로필 이미지
    walter

    수강평 2

    평균 평점 5.0

    5

    31% 수강 후 작성

    This is innovation.

    • jeonghwan
      지식공유자

      Thank you for the review.

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

    수강평 3

    평균 평점 4.3

    4

    31% 수강 후 작성

    jeonghwan님의 다른 강의

    지식공유자님의 다른 강의를 만나보세요!

    비슷한 강의

    같은 분야의 다른 강의를 만나보세요!

    강의상세.할인문구

    $1,117,682.00

    29%

    $59.40