강의

멘토링

로드맵

Inflearn brand logo image
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) 24 reviews

743 learners

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

Reviews from Early Learners

What you will learn!

  • 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,787

Learners

858

Reviews

585

Answers

4.8

Rating

9

Courses

👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.

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

Curriculum

All

167 lectures ∙ (19hr 47min)

Published: 
Last updated: 

Reviews

All

24 reviews

4.9

24 reviews

  • kimhonor님의 프로필 이미지
    kimhonor

    Reviews 13

    Average Rating 5.0

    5

    32% enrolled

    1부를 너무 만족스럽게 수강했던 기억이 있어서 이번 강의도 고민없이 바로 결제했습니다!! 결론은 역시나 만족스럽네요! 무엇보다 강사님이 저만 느낄진 모르겠지만 귀여우십니다 ㅋㅋㅋㅋㅋ 깨알같이 장비 자랑을 하시는 모습과 중간중간 의도치 않은 에러를 마주했을 때 하시는 어허~ 같은 추임새들에 딱딱하게 강의를 보는 중간에 리프레시가 되네요!! 앞으로도 좋은 강의 많이 부탁드리겠습니다. 감사합니다~

    • 김정환
      Instructor

      1부에 이어 2부 강의도 만족하셨다니 다행입니다. 내용이 무거울 수도 있었을 것 같다고 생각했는데요. 수업 내용 외에도 이런 점들을 좋게 봐주셔서 고맙습니다.

  • 지호손님의 프로필 이미지
    지호손

    Reviews 16

    Average Rating 5.0

    5

    100% enrolled

    내용이 정말 깔끔하고 깊습니다.

    • 김정환
      Instructor

      좋은 말씀 정말 감사합니다.

  • 김성현님의 프로필 이미지
    김성현

    Reviews 13

    Average Rating 5.0

    5

    31% enrolled

    잘 듣고 있습니다. 좋아요

    • 김정환
      Instructor

      이제 거의 절반 정도 공부하셨겠네요. 리뷰 감사합니다.

  • Rona님의 프로필 이미지
    Rona

    Reviews 10

    Average Rating 4.9

    5

    31% enrolled

    • 정다영님의 프로필 이미지
      정다영

      Reviews 4

      Average Rating 5.0

      5

      31% enrolled

      $59.40

      jeonghwan's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!