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
11.1 GB
Seeders
0
Leechers
2
Files
99
Category
Added
at 5:12am GMT+1
Infohash
20ddd0e032c5cf19ae4bcbe062398b932864c5bc
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 2/2021

File list
  • React and Typescript Build a Portfolio Project
  • .pad/0 131 B
  • .pad/1 38 B
  • .pad/2 153 B
  • .pad/3 72 B
  • .pad/4 76 B
  • .pad/5 71 B
  • .pad/6 4 B
  • .pad/7 9 B
  • .pad/8 138 B
  • TutsNode.com.txt 63 B
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/1. React with Typescript/1. How to Get Help.srt 1.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/1. React with Typescript/2. Join Our Community!.html 271 B
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/1. React with Typescript/4. Generating TypeScript-Enabled Projects.srt 2.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/1. React with Typescript/5.1 004_-_rts.zip 186.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10. Safely Handling Untrusted Code Execution/12. Middle Ground Approach.srt 11.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10. Safely Handling Untrusted Code Execution/13. IFrames with SrcDocs.srt 12.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10. Safely Handling Untrusted Code Execution/15. Running Unescaped Code.mp4 74.8 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10. Safely Handling Untrusted Code Execution/15. Running Unescaped Code.srt 14.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/10. Safely Handling Untrusted Code Execution/2. Big Issues with Code Execution.srt 10.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11. Displaying a Code Editor In a React App/15. Fixing Syntax Highlighting.mp4 109.2 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11. Displaying a Code Editor In a React App/15. Fixing Syntax Highlighting.srt 25.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11. Displaying a Code Editor In a React App/16. CSS For Syntax Highlighting.html 245 B
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/11. Displaying a Code Editor In a React App/6. 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/6. Crazy Monaco Editor Type Defs.srt 13.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/12. How to Extract Reusable Components/1. Refactoring Out a Preview Component.mp4 65.6 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/12. How to Extract Reusable Components/1. Refactoring Out a Preview Component.srt 12.2 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/12. How to Extract Reusable Components/2. Extracting Bundling Logic.srt 12.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/12. How to Extract Reusable Components/4.1 004_-_ref.zip 1.2 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/13. Draggable Resizing Components/12.1 015_-_ref.zip 1.4 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/13. Draggable Resizing Components/14.1 017_-_ref.zip 1.4 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/13. Draggable Resizing Components/16. An Oddity Around the Resizer.mp4 1.9 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/13. Draggable Resizing Components/21. Synchronizing Width State.srt 11.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/13. Draggable Resizing Components/22. Quick Dependency Array Fix.html 317 B
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/13. Draggable Resizing Components/4. Resizer CSS.html 819 B
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/15. Creating a Markdown Editor in a React App/10. Applying the Dark Theme.srt 1.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/16. Design Patterns for Redux with Typescript/3. Action Interface Definitions.srt 11.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17. Simplify State Updates with Immer/1. Simple Updates with Immer.srt 11.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17. Simplify State Updates with Immer/4. Inserting New Cells.mp4 69.1 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/17. Simplify State Updates with Immer/4. Inserting New Cells.srt 14.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18. Binding React with Redux/17. A Touch More Styling.srt 11.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18. Binding React with Redux/18. Forcing Add Cell Visibility.srt 11.2 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18. Binding React with Redux/23. Three Possible Solutions.srt 17.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/18. Binding React with Redux/7. Extracting Local State.srt 11.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19. Connecting Bundles in Redux/1. Should There Be a Bundles Reducer.srt 15.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19. Connecting Bundles in Redux/15. Fading In the Progress Bar.srt 10.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19. Connecting Bundles in Redux/7. React Wire Up.srt 12.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/19. Connecting Bundles in Redux/9. Solving a Small Warning with useMemo.srt 11.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/20. Adding a 'Cumulative Code Execution' Feature/15.1 015_-_joining.zip 219.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/10.1 010_-_path.zip 224.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/11. Adding TypeScript Support.srt 11.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/11.1 011_-_path.zip 228.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/12.1 012_-_path.zip 231 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/13.1 013_-_path.zip 231.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/14.1 014_-_path.zip 231.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/4. What's the App Look Like in the Future.srt 17.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/5. Package Based Development.srt 13.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/21. The Path - Lerna/9. Adding Modules with Lerna.srt 12.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/22. CLI/1. Reading Command Line Arguments.srt 11.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/22. CLI/2. Using Commander to Build a CLI.srt 11.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/22. CLI/2.1 002_-_cli.zip 232 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/22. CLI/3.1 003_-_cli.zip 232.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/22. CLI/4. Communication from the CLI to the API.srt 12.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/22. CLI/6.1 006_-_cli.zip 232.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/23. Local API/2.1 002_-_localapi.zip 239.2 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/23. Local API/4.1 004_-_localapi.zip 240.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/23. Local API/5.1 005_-_localapi.zip 240.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/23. Local API/7.1 007_-_localapi.zip 240.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/23. Local API/9. Understanding Package Links.mp4 67.6 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/23. Local API/9. Understanding Package Links.srt 18.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/13. Where Do We Use Types.srt 1.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/15. Annotations with Variables.srt 7.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/19. The Any Type.srt 12.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/28. Annotations Around Objects.srt 11.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/3. Environment Setup.srt 12.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/57. Adding Google Maps Support.srt 12.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/59. Exploring Type Definition Files.mp4 98.4 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/59. Exploring Type Definition Files.srt 20.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/6. One Quick Change.srt 5.7 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/61. Why Use Private Modifiers Here's Why.srt 13.4 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/62. Adding Markers.mp4 67.5 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/62. Adding Markers.srt 14.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/64. One Possible Solution.srt 10.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/67. Showing Popup Windows.srt 10.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/7. Catching Errors with TypeScript.srt 11.6 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/26. Appendix TypeScript/70. App Wrapup.srt 12.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/3. Types Around Events and Refs/4. TypeScript with Class Components.srt 12.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/4. Typescript with Redux/2. Project Setup.srt 2.5 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/4. Typescript with Redux/3. Redux Store Design.srt 15 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/4. Typescript with Redux/4. Reducer Setup.srt 12.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/4. Typescript with Redux/5. Annotating the Return Type.srt 2.3 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/4. Typescript with Redux/6. Typing an Action.srt 2.8 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/6. Code Transpiling in the Browser/4. Behind the Scenes with Webpack.srt 10.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/6. Code Transpiling in the Browser/7. Options for Bundling.srt 11.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/7. Implementing In-Browser Bundling/13. Deep Dive on Bundling.mp4 75.5 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/7. Implementing In-Browser Bundling/13. Deep Dive on Bundling.srt 16.9 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/8. Dynamic Fetching and Loading of NPM Modules/1. Dynamically Fetching Modules.srt 12.1 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/8. Dynamic Fetching and Loading of NPM Modules/6. Failing Nested Requires.mp4 78.5 MB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/8. Dynamic Fetching and Loading of NPM Modules/6. Failing Nested Requires.srt 16.2 KB
  • [TutsNode.com] - React and Typescript Build a Portfolio Project/8. Dynamic Fetching and Loading of NPM Modules/7. Resolving Nested Paths.srt 11.3 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.