Course: Frontend Web Development for Beginners - 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/courses/frontend-web-development-for-beginners/javascript-to-react-tic-tac-toe-project - Course Home: https://www.fullstackfoundations.com/courses/frontend-web-development-for-beginners - Course Repo: https://github.com/zachgoll/fullstack-roadmap-series ------------------------------------------------------------------------------------- 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