Course Highlights
  • 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
  • Test React with Jest and React testing library
  • Jest hooks, mocks and test suites
  • Use interface, user interaction and async code testing
Curriculum

2 Topics
Course overview
Tools we will need

8 Topics
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

8 Topics
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

6 Topics
Section intro
Space component and data service
Spaces component
Routing and Stiling spaces
Modal component
Display modal

10 Topics
Section intro
Fancy unit testing presentation
Beware the bugs
Testing setup with Jest
Test hooks and mocks
Basic queries and assertions
Test coverage
Testing user interaction
Mocking services
Debugging tests

6 Topics
Section intro
Testing links
Data test queries
Module names mapper
Testing Multiple Suites
Finishing tests

4 Topics
Section intro
Snapshot testing
Project setup from scratch
Development environment

2 Topics
Course resume and closing words
Bonus

  Write a Review

Typescript with React classes - quick start - Jest testing

Go to Paid Course