4.81 (12 reviews)
☑ Integrate Typescript with React apps
☑ React props and state using Typescript interfaces
☑ Build a small app with Typescript
☑ React Router and history
☑ React conditional rendering
☑ Handling parent and child components with Typescript
Typescript is becoming more and more popular! And the beloved React framework has embraced it! But often making them work together can be tricky. Here it will work from the first try.
React means act in response to something; respond in a particular way. This is the way you will make your UI behave.
In this short course you will learn how you can use them together, by building a small project:
Learn how to use Typescript interfaces as React properties and state
Learn how to configure React components as parent or child
Learn to pass data between components
Understand the React rendering process
Use Typescript classes and inheritance to make the React code more robust
Learn how to render React tables with async data.
Learn how to handle events and build your own event types with Typescript
Learn about React conditional rendering
Course structure:
Initial setup with Create React app
Extensive presentation on how to use components
Build app features like React forms, navbar, Router, history
Practice with the following tools:
NodeJs
NPM and NPM commands
Visual Studio Code
Course advantages:
Short and concise: your time is precious
Knowledgeable and programming active instructor
Big font, dark background
GitHub code diffs
At the end of the course you will be ready to use these two awesome technologies together!
Are you ready to use Typescript alongside React? Get your Typescript editor ready and start coding your next app with your favorite language and framework!
Enroll now!
Introduction
Course overview
Tools we will need
First steps with React and Typescript
Section intro
Create react app and git
Initial project structure
Understanding state and props, child and parent
Class components
Child components
Handling events
Conditional rendering
Advanced project features
Section intro
Data from child component to parent component
Routing part 1: Navbar
Routing part 2: Router and history
Small css
State of the application
Rendering async table: setup
Rendering async table: adding rows
Conclussion
Course resume and closing words
I am in to the course at first section now. The instructor delivers his lectures in an easy to understand way. So its very easy learn the topics he teaches as well as code along with the instructor.
Status | Date | Discount | ||
---|---|---|---|---|
Expired | 4/7/2021 | 100% OFF | ||
Valid | 4/11/2021 | 100% OFF | ||