From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
What are hooks in React
From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
What are hooks in React
Everything we've done up to this point has been learning the basics of how React works, how create React app works, and we've managed to switch back and forth now with two components that pass properties from a parent to child, with this different text title component that can then change. So that's very important properties. But the one thing that we ended off discussing here from the last lesson was, well, this is all great and reusable for us as developers, but for the actual user, they can't really do much with this app. A huge part of web application development is interactions. So it's very important when we look at React fundamentals, without getting advanced, because this isn't an advanced React course by any means. But at least for fundamentals, well, what if the user wants to click on something, change something? How do we handle those types of actions with React? Since we don't want to do get element by this, get query selector, etc. that's not the way we want to do it. We…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Important note on the upcoming sections3m 20s
-
(Locked)
What is the DOM and what is the React Virtual DOM? React fundamentals8m 31s
-
(Locked)
How to start building a React app with CRA4m 2s
-
(Locked)
CRA: React files and dependencies, an overview8m 51s
-
(Locked)
How to connect the root of React to the DOM and rendering React application6m 59s
-
(Locked)
Running a local development server of React9m 10s
-
(Locked)
What are functional components in React11m 2s
-
(Locked)
Quick observation on ECMAScript standards with React3m 36s
-
(Locked)
The React component tree and composite components8m 34s
-
(Locked)
How props work in React7m 6s
-
(Locked)
Exercise: Build a React component7m 50s
-
(Locked)
What are hooks in React12m 24s
-
(Locked)
Input dynamic tests and events with React9m 20s
-
(Locked)
Event handling practice and section summary12m 41s
-
(Locked)
-
-
-
-
-