From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
Convert website code to a React app manually with src pointing
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Convert website code to a React app manually with src pointing
Up to this point, we've built a web app from scratch that's updating the DOM through JavaScript. And we've looked at how these principles work with our DevTools in our browser of choice. I'm using Chrome. If you use Safari, then you're going to have to get the extension for the DevTools. Firefox has the DevTools already built in as well. It's time to get started with React. And if you're just coming in now, you can use the starter code. or if you're already an experienced developer, just write an index.html page and add body div with an ID of app. It's all you're really going to need to get started. How do we actually add React and move out of this imperative way of programming? Well, we want to actually go to a website. We're going to go to unpackage.com, that's unpkg.com, and we want React specifically. And we get examples of how to use unpackage.com. So unpackage.com basically provides us endpoints. We can leverage the source attribute in our script, in our scripts, in our script…
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.