React and Typescript: Build a Portfolio Project (updated 04-2021)

Expand your portfolio of projects by building a complex app with the latest web technologies. 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 jаvascript, 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.

Content
├───01 React with Typescript
├───02 Types Around Props and State
├───03 Types Around Events and Refs
├───04 Typescript with Redux
├───05 The Big App - Here's What We're Building!
├───06 Code Transpiling in the Browser
├───07 Implementing In-Browser Bundling
├───08 Dynamic Fetching and Loading of NPM Modules
├───09 Caching For Big Performance Gains
├───10 Safely Handling Untrusted Code Execution
├───11 Displaying a Code Editor In a React App
├───12 How to Extract Reusable Components
├───13 Draggable Resizing Components
├───14 Techniques for Error Handling in React Apps
├───15 Creating a Markdown Editor in a React App
├───16 Design Patterns for Redux with Typescript
├───17 Simplify State Updates with Immer
├───18 Binding React with Redux
├───19 Connecting Bundles in Redux
├───20 Adding a 'Cumulative Code Execution' Feature
├───21 The Path - Lerna
├───22 Creating the CLI
├───23 Adding a Local-Only API
├───24 Data Persistence
├───25 Publishing to NPM
├───26 Appendix_ TypeScript
└───27 Bonus!


DOWNLOAD
uploadgig


rapidgator


nitroflare