From the course: Interactive React for the Web
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Our build process on Codespaces - React.js Tutorial
From the course: Interactive React for the Web
Our build process on Codespaces
- [Instructor] In this video, we're going to look at how our codespace is set up for success with the build tools and everything already set up. First, we're going to look at this static HTML file. It's got some basic styles, which I'll collapse here, and we can see it's just a basic page with a little tiny bit of JavaScript down here. This is called a immediately invoked function expression. So it's basically an arrow function with no name that's defined here and then immediately executed by the second set of parentheses. And all it does is tell us the JavaScript works by updating this paragraph called slot with JavaScript works here. To make sure this actually works, we're going to open the port inspector here and we have our React app and our Hono app. The React app is what we're going to look at most often, and this little globe icon will open a new browser tab with this thing loaded. Now, it didn't load the file that we were looking at. It actually loaded the index.html file…
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
-
-
-
Introducing React: What is it, and what is it good for?5m 34s
-
(Locked)
The React tool box: Modern JavaScript and more4m 54s
-
(Locked)
Important React terminology3m 30s
-
(Locked)
The Pieces: Data, components, and elements1m 57s
-
(Locked)
Our build process on Codespaces4m 35s
-
(Locked)
How CSS can be used in React3m 26s
-
(Locked)
Installing and using React Developer Tools4m 51s
-
-
-
-
-