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 start building a React app with CRA
From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
How to start building a React app with CRA
We covered the fundamentals of the DOM versus the virtual DOM. But if you're at an interview and one of the questions, if you're doing a React development interview, could easily be, why do we want to use React? What's the benefit of using it? The virtual DOM is one of the most important things you can do. You can say, well, React uses a virtual DOM to improve performance, and that makes the application very fast and responsive. React is also declarative, and the declarative paradigm in modern programming is key for efficiency. that just means that we describe what we want the UI to do and look like and React takes care of it, as opposed to instructing every single part piece by piece, which would be, in today's world, a huge waste of money for companies. Whether or not it's fascinating to do so and can yield other types of rewards, that's another discussion. So those are the benefits. And of course, we can't forget the key most important benefit and contextually to this course is…
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)
-
-
-
-
-