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.
Quick observation on ECMAScript standards with React
From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
Quick observation on ECMAScript standards with React
Welcome back. So we have learning the react fundamentals. I know that's what happens sometimes Terrible jokes, you know, I'm not a stand-up comedian. I am sitting down This is great. We're making progress One thing I want to point out to you notice how we use import To import our files or to import our modules and our functions same thing in the index here It's all import import is the es6 Previously, if we want to bring in a file, we'd use require. But React doesn't want that. React wants us to use import. And import is actually, sorry, import is ES5, not ES6, I think, when it came out. And import, it's less verbose. It looks nice. It's clean. And following that logic, we're writing this function app like a component. Me, personally, I like to use arrow functions for function components. So instead of writing function app, which is very traditional and more familiar, so that's why they leave it like this when you start a React app. I would say constant arrow function and save this…
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)
-
-
-
-
-