[React Part 2] Advanced Topics and Hooks

Now you can truly start to 'see' React. Learn advanced concepts and Hooks in the easiest and most accurate way.

(4.9) 32 reviews

783 learners

Level Intermediate

Course period Unlimited

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 Patterns

  • Advanced React Topics and Applications

  • React Hooks

I will clearly teach you advanced React topics and hooks.


Goal of this course

  • Mastery of component design techniques based on 'Thinking in React'

  • Understand advanced React topics not covered in Part 1, such as Context, Refs, Higher-Order Components, and Controlled Components.

  • Understand the six hooks most commonly used in practice, including basic hooks and additional hooks.


Course Features

  • Understand the structure of React by building its core concepts yourself

  • Train on practical React usage by building a delivery application.


Key Contents

  1. Thinking in React

    • Part 1 Class Summary, Practice Environment Setup, and Introduction of Deliverables

    • Designing and implementing maintainable components

  2. Advanced Topics

    • Understanding React Context, Higher-Order Component (HOC) patterns, Refs, and Portals

    • Development of router and dialog modules using this

  3. Hook 1

    • Comparison of class and function components, background of the introduction of Hooks


    • Understanding and utilizing State Hooks, Effect Hooks, and Context Hooks

  4. Hook 2

    • Controlled components and form module development using them

    • Understanding and utilizing Ref Hooks, Reducer Hooks, and Memoization Hooks

Course Materials





Instructor Introduction

Jeonghwan Kim

A hands-on developer who enjoys learning and organizing web technologies

I run a tech blog where I share my thoughts as a developer and insights on web technologies.

View Lectures: I share the technologies I've studied and the know-how I've gained from practical experience through presentations and lectures.

I work as a frontend developer at Woowa Brothers.


Q&A for Students

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

No. You need to have at least a little bit of experience in web development.

Q. Do I have to take the previous class?

Yes, since this is an extension of Part 1, it is recommended to take this course after you have a sufficient understanding of the previous content.

Q. Why should I learn React?

The recent job market is looking for developers with knowledge of modern web frameworks. Among these, if you possess skills in React—the most popular one—you will become a talent sought after by many companies.

Q. What are the benefits of learning React?

React solves a significant portion of common problems in user interface development. For developers, it means gaining another tool that allows them to focus more on developing business logic and building products quickly.

Q. Is there anything I need to prepare before taking the course?

You need to have at least some experience with web development for this class to be meaningful. This is because the course proceeds under the assumption that you are familiar with HTML and JavaScript syntax. If you still lack basic web knowledge, I recommend studying those first before taking this course.

Q. What is the level of the course content?

This content is prepared based on the Advanced Guides and Hooks from the official React documentation. It covers what can be considered the core aspects of React.

Q. Are there any reference notes regarding the course?

There are four tools used in the class: Node.js, a development editor, a web browser, and Git. You can also check them in the preview lesson. (Setting up the practice environment)


Previous Lecture

[React Part 1] Learning React by Building and Comparing

Recommended for
these people

Who is this course right for?

  • Those who dream of taking their development to the next level by equipping themselves with component design capabilities.

  • Those who want to become competitive developers by learning not only how to use React, but also its structure and principles.

  • Those who want to understand the operating principles of third-party libraries and develop the skills to utilize them properly.

Need to know before starting?

  • Understanding of basic React concepts or a level equivalent to a React Part 1 course.

Hello
This is jeonghwan

14,132

Learners

894

Reviews

599

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

32 reviews

4.9

32 reviews

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

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

  • walter님의 프로필 이미지
    walter

    Reviews 2

    Average Rating 5.0

    5

    31% enrolled

    This is innovation.

    • jeonghwan
      Instructor

      Thank you for the review.

  • absa0939님의 프로필 이미지
    absa0939

    Reviews 4

    Average Rating 5.0

    Edited

    5

    87% enrolled

    Everything is great, but you have way too many typos and missing pieces of code.

    • jeonghwan
      Instructor

      Hello ab kim. I imagine the typos during the class must have caused you a lot of inconvenience. I am sorry as the content is already challenging and involves many practical exercises, which likely made it quite confusing for you. I will keep this in mind for the next class and prepare more thoroughly to ensure that students do not get confused.

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

jeonghwan's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

$59.40