Learn how to program a web application with React JS in this beginners tutorial, inspired by Spotify's homepage. I'll take you step by step in Visual Studio code how to make a component, how to organize your components, what JSX is, and how to style your web application with a navigation bar and hero. In Part 2, I'll go over installing and configuring React Router for having different pages on the website.
Level: Beginner
My setup npx create-react-app Tutorial:
0:00 Intro
0:31 Opening terminal in VS Code to start and stop dev server
1:00 Making our first HTML elements
1:56 How to comment code through easy shortcut
2:20 Analyzing Spotify home page with Google Chrome dev tools
3:23 Making our first React component
5:49 Making our component a npm module / folder
7:37 NavigationBar CSS styles
9:00 Hero (giant pink image in the middle of the page)
Thank you for watching!
Watch video React JS Tutorial - 01 BEGINNER BASICS online without registration, duration 11 minute 27 second in high hd quality. This video was added by user Carmelle Codes 21 January 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2 thousand once and liked it 58 people.