This repository contains all the projects developed during the course The TypeScript You Need for ReactJS with Projects, offered by Packt on Coursera.
The course requires achieving at least 80% (8/10) in each module to pass.
I have completed all modules with the highest grade.
Total duration: **~ 10 hours**.
Here is the certificate I obtained:
Coursera Certificate of Completion
- Master TypeScript’s core features such as types, objects, and enums to improve code quality.
- Build interactive React components using TypeScript with JSX, hooks, and props.
- Manage state and UI in React using TypeScript to improve code scalability.
- Convert React projects to TypeScript by applying best development practices.
- Development Environment
- React.js
- Data Management
- Programming Principles
- Debugging
- Front-End Web Development
- UI Components
- TypeScript
- Web Applications
- JavaScript
Description:
This module provides an overview of the course, the importance of TypeScript, and guides you through setting up your development environment to start working with ReactJS.
Learning Objectives:
- Understand the structure and objectives of the course.
- Explore the importance of TypeScript in modern web development, especially with ReactJS.
- Set up the necessary tools and environment for smooth TypeScript development.
Description:
This module covers the key features of TypeScript: type system, arrays, tuples, objects, and enums. It includes hands-on projects like the Counter App and Autocars App, strengthening your understanding of data handling in TypeScript and improving code quality.
Learning Objectives:
- Implement basic TypeScript syntax and structure with a "Hello World" program.
- Apply TypeScript’s type system in a Counter App.
- Work with complex data structures such as arrays, tuples, objects, enums, and interfaces.
Description:
In this module, TypeScript is integrated into React projects, starting with a simple HelloWorld App and progressing to features such as JSX, hooks, props, and advanced UI elements like search functionality and product popups.
Learning Objectives:
- Set up TypeScript with React and create a HelloWorld application.
- Build interactive and reusable React components using TypeScript, including Header UI and Product UI.
- Implement advanced features such as search and product popups to create dynamic React applications with TypeScript.
Description:
This module guides you through converting a React project to TypeScript. You will learn the steps, challenges, and best practices for a smooth transition, improving the robustness and scalability of your applications.
Learning Objectives:
- Understand the process of converting an existing React project to TypeScript.
- Apply best practices for efficient migration of a React codebase.
- Leverage TypeScript’s features to enhance maintainability and performance.
Alfredo Mompó Peris