Migrating an app from JavaScript 👉 TypeScript 👉 React (Tic Tac Toe beginner tutorial)
This is part of my Frontend Web Development Course for Beginners. Learn the basics of HTML, CSS, and JavaScript to build a solid foundation for web development.
You can find resources and other information for this video at the Full Stack Foundations link below:
Video Link: https://www.fullstackfoundations.com/...
Course Home: https://www.fullstackfoundations.com/...
Course Repo: https://github.com/zachgoll/fullstack...
-------------------------------------------------------------------------------------
Connect with me:
Twitter: https://www.x.com/zg_dev
Full Stack Foundations: https://www.fullstackfoundations.com
-------------------------------------------------------------------------------------
Timestamps:
0:00 Introduction, prerequisites
8:39 Part 1: Setting up and configuring React from scratch
9:13 Different ways to setup a React app
14:07 Setting up index.html file with React
16:29 Setting up CSS styles
18:34 Creating the React root element and adding React library as script
27:01 Using Babel and Webpack to transpile and bundle JSX to JavaScript
54:22 Creating the main App React component
1:00:08 Part 2: refactoring the app
1:12:13 Breaking our HTML file into individual React components
1:12:32 Footer component
1:15:31 Modal component
1:20:27 Migrating all JavaScript event listeners and getting game working
1:59:18 Local storage custom React hook
