React and Typescript: Build a Portfolio Project (Udemy.com)
Expand your portfolio of projects by building a complex app with the latest web technologies.
Created by: Stephen Grider
Last updated February 2026
What you will learn
- Build a portfolio-ready project with React and Typescript
- Integrate React and Redux together with Typescript
- Simplify state updates with the fabulous Immer library
- See the step-by-step process of designing and assembling an advanced project
- Manage a project using a package-based architecture
- Automate your deployment with the popular Lerna CLI
- Build an in-browser transpiler + bundler
- Assemble incredibly reusable React components
- Use Redux middlewares to handle complicated business logic flows
- Use Web Assembly to increase the performance of your app
Course Description
You've learned React, but what now? Time to build an awesome project for your portfolio!
Prove your React knowledge to employers.
There are hundreds of resources online for teaching you the basics of React, but few of them go beyond the basics. You need more - something to teach you how to build a large, interesting app. Something unique, something more than another to-do list.
This course is your answer.
Kick off your learning experience with an introduction on how to use React and Typescript together. Not familiar with Typescript? No problem! A lightning fast - but comprehensive - tutorial is included!
Once you're ready with React and Typescript, you'll dive into our big project. You are going to build an interactive browser-based coding environment. It's like a Jupyter Notebook, but for Javascript, with many additional features added in. Yes, this is what you are going to build in this course! You will solve incredible challenges around bundling and transpiling code directly in the browser. This is a task normally done by running Webpack and Babel at your terminal! You will execute users' code safely in the browser just like how famous services like CodeSandBox and CodePen do. Finally, you'll deploy this project using a multi-package architecture to NPM, where your friends and employers can easily download and run your project.
During this entire project, I will show you a variety of different solutions to an incredible number of problems. I will show you step-by-step how to solve each problem. You will also see many concerns around performance and security addressed.
At the end of the course, you will have an amazing portfolio project with excellent looks and functionality. You will understand every line of code, and be able to explain every bit to potential employers.
Here's a partial list of the topics that will be covered in this course:
Master the use of React, Redux, and Typescript together
Build a complex and interesting app using a package-based architecture
Understand the challenges of in-browser code transpiling and and processing
Secure your app against potential security exploits
Safely execute user-provided code directly in the browser
Run a code editor directly in the browser - the same editor used by VSCode!
Leverage Web Assembly to run a code bundler directly in the browser at lightning-fast speeds
Use the internals of Redux to manually test out your business logic
Discover dozens of tricks to build a sleek UI
Deploy your app to the NPM registry, where others can easily use it
I built this course to help you apply your React skills. Sign up today and build an incredible app that will prove your knowledge.
Instructor Details
- 4.6 Rating
4,979 Reviews
Stephen Grider
Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.
More courses by Stephen Grider
Docker and Kubernetes: The Complete Guide (2026)
4.6 (62,739 Reviews)
Provider: Udemy
Time: 21.6h
$19.99
The Complete React Native + Hooks Course (2025)
4.6 (45,638 Reviews)
Provider: Udemy
Time: 38.2h
$129.99
Go: The Complete Developer's Guide (Golang) (2026)
4.6 (43,659 Reviews)
Provider: Udemy
Time: 8.9h
$89.99
Ethereum and Solidity: The Complete Developer's Guide (2025)
4.3 (28,328 Reviews)
Provider: Udemy
Time: 24h
$13.99
Microservices with Node JS and React (2026)
4.8 (20,187 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
More React courses
Microservices with Node JS and React (2026)
4.8 (20,187 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
Learn to build an e-commerce store with .Net, React & Redux (2026)
4.8 (2,218 Reviews)
Provider: Udemy
Time: 29.6h
$94.99
Next JS & WordPress: Build rapid NextJS sites with Next & WP (2026)
4.8 (462 Reviews)
Provider: Udemy
Time: 8.4h
$74.99
Build Polymorphic Components with React and Typescript (2022)
4.8 (223 Reviews)
Provider: Udemy
Time: 2.3h
$69.99
Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023)
4.8 (172 Reviews)
Provider: Udemy
Time: 4.6h
$89.99
The Ultimate React Course 2025: React, Next.js, Redux & More
4.7 (27,027 Reviews)
Provider: Udemy
Time: 83.9h
$99.99
Reviews
By Nelson Fleig on 4/24/2023
Amazing course. It's a 4.5 stars instead of a 5 because it is not fully up to date (ie. not using redux toolkit). But working through the code and converting some of the code to React Vite and Redux Toolkit was such a rich learning experience, that I can recommend anyone to do the same. Some highlights for me were learning about Lerna, in browser typescript compiling, integrating web-based rich text and code editors and creating a cli with node. Rarely are there so many take aways from one single course. Highly recommended!
By Kevin Orriss on 6/18/2022
I came to this course for a quick dive into adding typescript to my existing knowledge of React. The 5 hour appendix would probably have been enough for what I actually needed / expected from the course. The rest of the course felt like it had a bit of an identity crisis, some things were skipped over like the viewer was expected to know already, and then other times we'd spend ages going on about quite trivial concepts like we're new to it all... Overall though I am glad I stuck it out, it got a little tiresome, but I learnt about immer and lerna which are useful things to know.
By Tennyson Ben-kalio on 6/16/2022
One of the best courses I've taken on Udemy. Stephen gives your this an architectural approach to building an enterprise-like product. Through this course, I've learned to approach problem-solving from a different perspective and always consider best practices with foreseeable problems with easy solutions. I would recommend this course 100% to beginner TS developers and intermediates as well. It's worth the money and time!
By T B on 4/9/2022
Really great course, learned a ton about React, Typescript, some cool packages like esbuild, and a decent amount about managing packages and builds. Not your standard React/TS course since it approaches this almost like we are building a desktop application. I gave 4.5 instead of 5 only because there is not a lot of responses to questions so if you are stuck, you'll often times have to figure it out yourself. Stephen is a great teacher though and explains things very well. Recommend this course!
By Andrejus Novatorovas on 3/7/2022
I was pleasantly surprised by how broad the course turned out to be. The portfolio app covers so much - from bundling the code to publishing on npm in separate packages/libraries - and that is rarely presented on an everyday course [of writing some components with state]. I found it highly useful to give context and sense about front end development in general. I highly recommend the course for junior developers especially, since it ties a lot of things together and helps to get a bigger picture. Lovely!
By Patrick Ryll on 8/8/2021
Stephen is simply the best there is and he has outdone himself with this course. He somehow managed to come up with a complex application that 1) uses many lesser known apis and techniques (srcDocs? IndexDB?) 2) shows the decision making processes that necessitate these measures and 3) does so all the while managing to stay focused on the main thread of Typescripted Javascript.
By Alex Colbourn on 7/2/2021
Overall this is a great class from a great teacher, definitely worth the time! The main problem this course has is that there are a ton of huge tangents. The tangents are interesting and useful to know, but if you are trying to learn typescript/redux fast, just do the initial appendix and up to section 4. If you have more time, up to section 20 of the project is worth it. After that look ahead and see if the topics interest you bc he dives into less related material.
By Erik Brown on 5/6/2021
What a terrific course! I am very impressed by the quality and thoughtfulness of the application that we were able to build throughout the lessons. It's a great course to bridge the gap between working on standard crud operations and engineering a software application for a real-world use case. The instructor did a phenomenal job in helping students to analyze the steps they need to take as an engineer and explaining the reason for our approaches to various design complications. I've learned a lot of practical knowledge that can now be applied to my other projects and I couldn't be happier about my decision to take this course.
By Seokhyun Wie on 3/24/2021
This is the second course of S.G. that I am taking. He is one of go-to instructor on Udemy in my opinion. This course, like many courses in Udemy, it's a pretty decent course. However, there are some things to mention about. #1. It'd be great if there is any explanation or at least some hints how we can implement the optional tasks at the very end. It felt like you just threw away what we almost finished and left. #2. instead of putting 5h 40min of TS course, it would be great if there's more about Lerna and general deployment in dept. There was only one deployment and that was it. Besides, it says TS part is optional, but I have to take all of it to get certificate. #3. Error handlings (especially in try-catch) were very poorly dealt so it is hard to manage testing and so on. I wrote quite a lot of complaints, but it was a great course for $10. Thank you S.G. for creating this course.
By Lionel M. on 2/14/2021
at first, i want to thanks Stephen for his passion of teaching so difficult topics and not giving up on challenging us to give our best to follow and understand what he want us to learn. The course is great and as always mind blowing :-) . You start excited , then you are frustrated with how long and how much commitment you need to complete it. At the end you are just amazed with how much content you have received. again thank you for all. This was my 3rd course from him after the typescript and microservices the impression stay the same amazing content. Learning the hard way but learning the right things.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100











