Practical Typescript (Udemy.com)
Unleash the Power of TypeScript: Dive into Type Annotations, Generics, React Integration, and Build Modern Apps
Created by: Yanis Smilga
Last updated December 2024
What you will learn
- Understand TypeScript Basics: Grasp type annotations, inference, union types, and handling "any", "unknown", and "never" types.
- Master Advanced Features: Learn generics, data fetching, and Zod library for validation in TypeScript.
- Integrate with React: Master TypeScript integration with React, covering component structure, prop handling, and state management.
- Build Modern Applications: Develop skills to create store applications with TypeScript, Shadcn/ui, React Router, authentication, and pagination.
Course Description
Dive into the world of TypeScript with our "Practical TypeScript" course, designed for developers seeking a comprehensive understanding from the basics to advanced concepts. This course begins with setting up a TypeScript project using Vite, guiding you through a series of tutorials that cover essential TypeScript features and best practices.
You'll learn about type annotations, type inference, and the practical applications of type annotation, along with an exploration of union types and the handling of "any", "unknown", and "never" types. The course also covers the fundamentals of arrays and objects, and introduces challenges to reinforce learning. Additionally, you'll delve into the complexities of functions in TypeScript.
As you advance, the course explores more sophisticated TypeScript features, such as generics, fetching data with TypeScript, and working with the Zod library for data validation. You'll also gain insights into TypeScript declaration files and class-based programming with TypeScript. Each tutorial is designed to provide hands-on experience, enabling you to effectively apply TypeScript features in real-world scenarios.
Furthermore, this course extends to integrating TypeScript with React, covering component structure, prop handling, state management, event handling, and complex component structures. You'll learn about using React's Context API, reducers, and global state management in a TypeScript environment, as well as data fetching and validation techniques. The course concludes with a practical task management application, highlighting the use of localStorage and task state management.
Finally, the course culminates in building a modern store application with TypeScript, Shadcn/ui, and React Router, incorporating features such as authentication and pagination. Join us in "Practical TypeScript" to elevate your skills and confidently apply TypeScript in your development projects, from basic to advanced levels.
Instructor Details
- 4.7 Rating
285 Reviews
Yanis Smilga
Hello, I’m Jānis Smilga, a web developer based in Sigulda, Latvia. These days, I spend most of my time working with AWS CDK, TypeScript, and Node.js—building cloud infrastructure and scalable backend systems. I enjoy coding and the constant challenge of learning something new. You can also find me on my YouTube channel, Coding Addict.
More courses by Yanis Smilga
Complete React, Next.js & TypeScript Projects Course 2025
4.6 (12,794 Reviews)
Provider: Udemy
Time: 108.9h
$129.99
HTML&CSS Tutorial and Projects Course (Flexbox&Grid) (2024)
4.5 (5,418 Reviews)
Provider: Udemy
Time: 40.2h
$15.99
Javascript Tutorial and Projects Course (2024)
4.5 (4,579 Reviews)
Provider: Udemy
Time: 46.2h
$13.99
MERN 2025 Edition - MongoDB, Express, React and NodeJS
4.5 (2,820 Reviews)
Provider: Udemy
Time: 19.1h
$94.99
Gatsby.js 3 Tutorial and Projects Course (2024)
4.5 (1,748 Reviews)
Provider: Udemy
Time: 21.8h
$10.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Build a URL Shortener App with ASP.NET: Step by Step (2026)
4.9 (100 Reviews)
Provider: Udemy
Time: 9.6h
$10.99
The Complete Elixir and Phoenix Bootcamp (2021)
4.8 (7,773 Reviews)
Provider: Udemy
Time: 17.4h
$84.99
Reviews
By Uriel on 7/5/2025
The course is excellent. It is more suitable for beginners and as mentioned it is practical. It fits junior full stack developers and provides a solid foundation for further work with TypeScript. The course is very well structured with no errors and everything is explained clearly.
By Ricardo D'Alessandro on 6/16/2025
Great so far! Just as a note: -There are some 'bugs' with some Quiz and Practice Test answers, where the correct answer doesn't work (it even says 'Correct!' though you have to pick an Incorrect answer) -For Section 5, there are some updates to how Tailwind and Shadcn/ui should be installed and setup
By Kerim Imamović on 12/23/2024
An amazing course. I like John's style of teaching. I have learnt a lot of new things. README.md files contain useful code snippets and advices to help you follow the course more easily. I recommend anyone interested in TypeScript to watch this tutorial.
By Miguel ` on 10/25/2024
Awesome course and awesome instructor. Very knowledgeable and up to date. Q&A is maintained and responsive. Final project was great practice. Only reason I did not rate 5 stars is because there are more TypeScript features that could have been explored (keyof, overloading, etc ). Again, great course and great instructor and great TA.
By Petros Foutsis on 9/23/2024
Excellent course, excellent support, great explanations on how to do things and WHY you do this like that. All you need to know about Typescript and React is here! Thank you for this course! I already started the other ones for Nodejs
By Rei Koka on 8/7/2024
Really loved all the parts of the course, well paces, short exercises, I did have some previous experience with TypeScript but also due to this project I am getting introduced to Shad/CN UI components who I had heard but never used. Love to do this whole last project with Tanstack Query too and use multiple technologies in conjuction. Absolutely I really recommend this course to anyone wanting to learn TypeScript and more!
By Zekaria on 6/21/2024
Great Course so far
By Jon R on 5/14/2024
I actually switched to this course from another authors TS course, mainly because I enjoys John's teaching style and course material. I still give this course 5 stars, and John really says this himself, but much of the React project isn't very heavy in TS. Given that I already have significant experience in React and some in TS I found myself skipping ahead and just reading the GH, but it's still an excellent course and project.
By Arie Verburgh on 5/8/2024
John is excellent as always. A pity Next.js App Router was not used. However, it is a good exercise for me as I am adapting this app to Next.js App Router. Redux also has to be adapted along the way, of course. I am passionate about using TypeScript, so for once I don't have to convert JavaScript to TypeScript.
By Surina Dippenaar on 3/25/2024
I love John Smilga's courses. The video's are short and easy to understand, but there are a lots of them, which means one gets more than enough opportunity to practice what is being taught. This is the 3rd course of his that I have bought and it did not fail to impress.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 94 / 100












