Getting Started with React single page application web development for beginners

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=p9r6DF8SJQs

This video is about Getting Started with React and the use of React-Router-Dom to create the beginnings of a single page application. • Prerequisite downloads: • NodeJS: https://nodejs.org/en/download/ • Yarn: https://classic.yarnpkg.com/en/docs/i... • Timestamps: • 0:00 - Introduction: Single Page Applications • 3:20 - Package Managers and Terminal File Navigation • 4:39 - Scaffolding with create-react-app • 6:40 - Yarn and Previewing React App to Browser • 7:50 - Web Development: Fundamentals • 9:11 - Launching into Visual Studio Code from the terminal • 9:49 - File structure and React app code tour • 10:30 - Simplifying the starting point of React App • 12:03 - Setting up the Components Folder • 12:35 - Coding the Main Component • 15:25 - Coding the Header and Footer Component • 18:08 - Exporting Multiple Components within React Fragments • 19:15 - Intro to URL Routing • 20:00 - Coding About and Home Component • 23:25 - Installing react-router-dom + file tour • 26:18 - react-router-dom: setting up application routing • 29:35 - finalizing routing setup with BrowserRouter • 30:40 - Testing Routing Implementation • 31:00 - Implementing a default page redirect • 31:55 - Setting up Clickable Page Linking • 35:35 - Conclusion: Basic Single Page Application Tour • Take a look at for study: • React: https://reactjs.org/docs/create-a-new... • React Router Dom:https://www.npmjs.com/package/react-r... • Kit's Garden Single Page App: • https://gardenserver-d4079.web.app/home • Remi Gets a Smartphone Single Page App: • https://remiserver-7e67c.web.app/home

#############################

New on site