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

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…

Contents