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 is the DOM and what is the React Virtual DOM? React fundamentals
From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
What is the DOM and what is the React Virtual DOM? React fundamentals
I see you're still with me. Buckle up, my friends. Let's learn basics in React. React can be daunting and confusing, especially for those of you who come from jQuery and have never made the leap into more modern or vanilla JS direct DOM manipulation and never really made that leap into abstractions of the DOM and what that can mean. If all that's gibberish, worry not. We're going to go through it. We're Buckle up, because even though it may seem daunting, there's tons and tons of videos out there, tons and tons of resources. ChatGPT can have a field day with you on this topic. I'm going to teach it in a way that I feel helps make sense to me after years of using it without getting caught up on things that can bog us down. So let's back up a minute. What are we doing? We want to build web applications, right? And we discussed in the previous section that there are amazing libraries out there that allow us to build web applications in a more scalable, modular, maintainable way than just…
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)
-
-
-
-
-