Introduction to React with Typescript

In this session, you’ll learn how to build modern, scalable web applications using React, TypeScript, and AI-powered tools. We’ll start by understanding the fundamentals of React—components, props, state, and hooks—and see how TypeScript adds strong typing to make your code safer, cleaner, and easier to maintain.
You’ll also discover how AI can supercharge your development workflow—from generating components and fixing bugs to improving code quality and speeding up learning. Through hands-on examples, you’ll build interactive UI components while learning best practices used by professional frontend developers.
This session is perfect for beginners who know basic JavaScript, as well as developers looking to upgrade their skills with TypeScript and AI-assisted development.
What you’ll learn:
Basics of React and component-based architecture
Why and how to use TypeScript with React
Building typed components, props, and state
Using AI tools to write, debug, and refactor React code
Best practices for modern frontend development
🚀 By the end of the session, you’ll feel confident building React apps with TypeScript and leveraging AI to code smarter and faster.