In this video, learn how to install React with script tags on an existing website, and write some code to make sure it's working.
into the React water, and get React installed … on our little project here. … This is an existing website for H+ Sport. … And this is the shop page. … We're specifically going to be looking at a product page … for these sneakers. … As you can see there's nothing here so far. … This is something we're going to be building up as we go. … I'm going to switch over to the HTML files so you can see … what our script tags look like. … So here I am in Visual Studio Code. … And as I said, this is an existing website. … This is a static copy of a WordPress website, in fact. … So there's a whole ton of HTML in this file. … We're going to skip to the parts that are really important … for us, as we're integrating React into this page. … So first I'm going to use the go to line command, … which is Control + G in Visual Studio Code by default. … I'm going to go to a line 114. … About halfway down the page. … Something we're going to need when we're inserting … our components into the page … is a place for React to put them. …
- Installing React on an existing site
- Thinking about a design in terms of components
- Creating fully-featured function components using Hooks
- Storing and retrieving data from an external RESTful API
- Employing third-party components for CSS animation
- Using conditional rendering
Skill Level Intermediate
Essentials of CSS for React Developerswith Eric Greene53m 31s Beginner
React.js Essential Training (2018)with Eve Porcello1h 25m Intermediate
Using the exercise files1m 2s
1. Introducing React
2. First Project: Customizer
3. Second Project: Directory Browser
4. Third Project: Status Updater
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.