Typescript with React quick start - with Jest testing
- Description
- Curriculum
- FAQ
- Reviews
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 and 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
In the second part of the course you will learn how to test your app with Jest:
- Jest testing setup
- Learn about jest coverage
- Test with React testing library
- Advanced jest testing techniques
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
- Jest
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 and test them with Jest!
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!
-
3Section introVideo lesson
-
4Create react app and gitVideo lesson
-
5Initial project structureVideo lesson
-
6Understanding state and props, child and parentVideo lesson
-
7Class componentsVideo lesson
-
8Child componentsVideo lesson
-
9Handling eventsVideo lesson
-
10Conditional renderingVideo lesson
-
11Section introVideo lesson
-
12Data from child component to parent componentVideo lesson
-
13Routing part 1: NavbarVideo lesson
-
14Routing part 2: Router and historyVideo lesson
-
15Small cssVideo lesson
-
16State of the applicationVideo lesson
-
17Rendering async table: setupVideo lesson
-
18Rendering async table: adding rowsVideo lesson
External Links May Contain Affiliate Links read more