When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

React and Typescript: Build a Portfolio Project

Expand your portfolio of projects by building a complex app with the latest web technologies.

     
  • 4.6
  •  |
  • Reviews ( 4.9K )
₹659

This Course Includes

  • iconudemy
  • icon4.6 (4.9K reviews )
  • icon29h 22m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About React and Typescript: Build a Portfolio Project

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.

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.