In this video, we’ll kick off the development of a Shopping Cart Application using React and TypeScript. This is the first video of a comprehensive series where we will cover key aspects of building modern React apps with TypeScript. By the end of this course, you will have learned how to build a fully functional shopping cart app, and you'll understand how to handle state management and API interactions efficiently.
Here’s what we’ll cover throughout the series:
Creating React components with TypeScript and typing props.
Adding routing for different pages.
Fetching and managing data from an API with properly typed models.
Understanding and implementing useContext and useReducer hooks for state management.
However, this course will not cover:
Payment gateway integration.
Custom CSS styling (we'll rely on React-Bootstrap and Bootstrap).
Error boundaries and custom hooks.
In this introductory video, I’ll also give you a tour of the completed application to show you what we’ll be building together, and we’ll discuss the roadmap for our journey. This video is just the beginning, and in just 5 minutes and 20 seconds, you’ll understand the scope of what we’ll develop together!
Make sure to subscribe and stay tuned for more as we dive deeper into creating this shopping cart app with React and TypeScript!
0:00 Introduction
1:27 Application Overview
3:48 Out of Scope items