Don't like banners? Log in and we will make sure you see no banners. For free.
React and Typescript Build a Portfolio Project

React and Typescript Build a Portfolio Project

Size
8.6 GB
Seeders
3
Leechers
3
Files
98
Category
Added
at 4:51pm GMT+1
Infohash
cfa23ac311cddaeaf47eace72f6dd0c3c7ed629d
Don't like banners? Log in and we will make sure you see no banners. For free.

Description


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.

Who this course is for:



   Engineers looking to expand their project portfolio



Requirements



   Basic knowledge of React and Redux

   No prior knowledge of Typescript required – an introduction is provided



Last Updated 1/2021

File list
  • React and Typescript Build a Portfolio Project
  • .pad/0 45 B
  • .pad/1 15 B
  • .pad/2 84 B
  • .pad/3 57 B
  • .pad/4 20 B
  • .pad/5 23 B
  • .pad/6 142 B
  • .pad/7 19 B
  • .pad/8 173 B
  • TutsNode.com.txt 63 B
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/01 React with Typescript/001 How to Get Help.en.srt 1.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/01 React with Typescript/003 Generating TypeScript-Enabled Projects.en.srt 2.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/02 Types Around Props and State/008 Annotations with Children.en.srt 9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/02 Types Around Props and State/011 Quick Finish to the Example.en.srt 1.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/03 Types Around Events and Refs/017 TypeScript with Class Components.en.srt 13.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/04 Typescript with Redux/021 Project Setup.en.srt 2.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/04 Typescript with Redux/022 Redux Store Design.en.srt 15.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/04 Typescript with Redux/023 Reducer Setup.en.srt 13.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/04 Typescript with Redux/024 Annotating the Return Type.en.srt 2.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/04 Typescript with Redux/025 Typing an Action.en.srt 2.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/04 Typescript with Redux/035 Oops... Initial State!.en.srt 1.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/06 Code Transpiling in the Browser/049 Behind the Scenes with Webpack.en.srt 11.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/06 Code Transpiling in the Browser/052 Options for Bundling.en.srt 11.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/07 Implementing In-Browser Bundling/066 Deep Dive on Bundling.en.srt 17.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/07 Implementing In-Browser Bundling/066 Deep Dive on Bundling.mp4 75.5 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/08 Dynamic Fetching and Loading of NPM Modules/069 Dynamically Fetching Modules.en.srt 12.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/08 Dynamic Fetching and Loading of NPM Modules/074 Failing Nested Requires.en.srt 16.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/08 Dynamic Fetching and Loading of NPM Modules/074 Failing Nested Requires.mp4 78.5 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/08 Dynamic Fetching and Loading of NPM Modules/075 Resolving Nested Paths.en.srt 11.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/08 Dynamic Fetching and Loading of NPM Modules/075 Resolving Nested Paths.mp4 63.2 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10 Safely Handling Untrusted Code Execution/095 Big Issues with Code Execution.en.srt 11.2 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10 Safely Handling Untrusted Code Execution/100 Sandboxing an IFrame.en.srt 5.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10 Safely Handling Untrusted Code Execution/105 Middle Ground Approach.en.srt 12.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10 Safely Handling Untrusted Code Execution/106 IFrames with SrcDocs.en.srt 13.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10 Safely Handling Untrusted Code Execution/108 Running Unescaped Code.en.srt 15.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10 Safely Handling Untrusted Code Execution/108 Running Unescaped Code.mp4 74.8 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10 Safely Handling Untrusted Code Execution/110 Passing Code to the IFrame.en.srt 11.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11 Displaying a Code Editor In a React App/121 Crazy Monaco Editor Type Defs.en.srt 14.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11 Displaying a Code Editor In a React App/121 Crazy Monaco Editor Type Defs.mp4 66 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11 Displaying a Code Editor In a React App/128 Adding a CSS Library.en.srt 5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11 Displaying a Code Editor In a React App/130 Fixing Syntax Highlighting.en.srt 26.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11 Displaying a Code Editor In a React App/130 Fixing Syntax Highlighting.mp4 109.2 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/12 How to Extract Reusable Components/132 Refactoring Out a Preview Component.en.srt 12.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/12 How to Extract Reusable Components/132 Refactoring Out a Preview Component.mp4 65.6 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/12 How to Extract Reusable Components/133 Extracting Bundling Logic.en.srt 13 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/13 Draggable Resizing Components/156 Synchronizing Width State.en.srt 11.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/14 Techniques for Error Handling in React Apps/164 004-err.zip 199.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/15 Creating a Markdown Editor in a React App/167 A Few Issues with the Markdown Editor.en.srt 9.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/16 Design Patterns for Redux with Typescript/180 Action Interface Definitions.en.srt 12.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/16 Design Patterns for Redux with Typescript/186 009-rdesign.zip 212.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/16 Design Patterns for Redux with Typescript/187 010-rdesign.zip 212.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/16 Design Patterns for Redux with Typescript/189 012-rdesign.zip 212.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/16 Design Patterns for Redux with Typescript/190 013-rdesign.zip 212.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17 Simplify State Updates with Immer/191 014-rdesign.zip 212.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17 Simplify State Updates with Immer/191 Simple Updates with Immer.en.srt 11.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17 Simplify State Updates with Immer/192 015-rdesign.zip 212.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17 Simplify State Updates with Immer/193 016-rdesign.zip 213 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17 Simplify State Updates with Immer/194 017-rdesign.zip 213.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17 Simplify State Updates with Immer/194 Inserting New Cells.en.srt 15.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17 Simplify State Updates with Immer/194 Inserting New Cells.mp4 69.1 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/200 Rendering the List of Cells.en.srt 5.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/203 Extracting Local State.en.srt 11.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/213 A Touch More Styling.en.srt 11.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/214 Forcing Add Cell Visibility.en.srt 11.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/215 019-render.zip 217.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/216 020-render.zip 217.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/219 022-render.zip 217.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/219 Three Possible Solutions.en.srt 18.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18 Binding React with Redux/220 023-render.zip 217.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/221 Should There Be a Bundles Reducer_.en.srt 16.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/222 Options for Bundles State.en.srt 12.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/223 003-bredux.zip 217.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/224 004-bredux.zip 217.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/225 Reminder on Redux Middlewares.en.srt 12.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/227 007-bredux.zip 218.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/227 Better Type Definitions.en.srt 11.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/228 008-bredux.zip 219 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/229 009-bredux.zip 218.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/230 010-bredux.zip 218.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/230 Filtering Action Types.en.srt 12.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/231 011-bredux.zip 219 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/232 012-bredux.zip 219 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19 Bundling Redux/233 013-bredux.zip 219 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/236 Environment Setup.en.srt 13.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/240 Catching Errors with TypeScript.en.srt 12 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/252 The Any Type.en.srt 13 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/261 Annotations Around Objects.en.srt 11.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/285 Generating Random Data.en.srt 8.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/290 Adding Google Maps Support.en.srt 12.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/292 Exploring Type Definition Files.en.srt 21.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/292 Exploring Type Definition Files.mp4 98.4 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/294 Why Use Private Modifiers_ Here's Why.en.srt 13.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/295 Adding Markers.en.srt 15.2 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/295 Adding Markers.mp4 67.5 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/297 One Possible Solution.en.srt 11.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/300 Showing Popup Windows.en.srt 11.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/301 Updating Interface Definitions.en.srt 11.2 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20 Appendix_ TypeScript/303 App Wrapup.en.srt 13.2 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.