S07 L07 Project Conversion to TypeScript Part 1 (Scaffolding)

Description

📘 PROJECT CONVERSION TO TYPESCRIPT PART 1 — SCAFFOLDING In this lesson, we start converting the existing React project from JavaScript to TypeScript. You will set up project-level TypeScript tooling and configuration, rename source files, update imports, and install the required compiler and React type packages. 🎯 IN THIS VIDEO Review the current JavaScript project state before conversion Follow a structured multi-part migration plan Add a TypeScript configuration file for the Vite React project Rename JavaScript source extensions to TypeScript equivalents Update import paths after extension changes Add a type-check script to package scripts Install TypeScript compiler dependencies Install React type declaration packages required for TypeScript support 🚀 HOW TO USE THIS COURSE This lesson sets up the migration foundation without changing core app behavior yet. Getting the scaffolding right first makes the next type-annotation and null-safety fixes much cleaner and easier. 👉 Course Website: www.richardbraycourses.co.uk 👉 Course Repositories: www.github.com/RichardBrayCourses 👉 Full course playlist: https://youtube.com/playlist?list=PLNlOxdq7xu14b5ewH4IJC9tMinkgZBuVR&si=Pg8pEDR5UUbQstz6 📂 SECTION REPOSITORY Section 7 repository: https://github.com/RichardBrayCourses/frontend07-typescript 💡 NOTE During migration, prioritize setup and compilation plumbing first, then tackle type annotations and runtime-safety issues in focused passes.