Getting Started with React [single page application/ web development for beginners]

Pubblicato il: 24 luglio 2020
sul canale di: Kit Fuderich
25,520
407

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


In questa pagina del sito puoi guardare il video online Getting Started with React [single page application/ web development for beginners] della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Kit Fuderich 24 luglio 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 25,520 volte e gli è piaciuto 407 spettatori. Buona visione!