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: https://youtu.be/dmqI1tOAESk
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! ♡
