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.
How to connect the root of React to the DOM and rendering React application
From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
How to connect the root of React to the DOM and rendering React application
We've gone over Create React apps, installations of the core folders and files, the package.json that has their dependencies, or readme to just read what's going on in the project. This lock.json, which locks down the versions, things that we want to ignore when we push the gitignore, which GitHub reads when we push this project up into the Cloud, essentially for other developers to work on, or we don't want to push everything, not sensitive data, not files that are just ridiculously big and useless when they can just be re-accessed or redeployed later on. The node modules that contains our dependencies and scripts for us to actually run React and its greater ecosystem of tools that we integrate. And then we briefly said hey we got this public folder that contains this index.html and a couple images that that we're using, and this source folder, which contains the code itself of the application of React. And this is how, and the source is where we develop our React application, where…
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)
-
-
-
-
-