English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 28 lectures (5h 43m) | 3.40 GB
Hands On project with React TypeScript and fully tested with Vitest and React Testing Library
Are you looking to level up your React, TypeScript, and testing skills? Do you want to learn how to build a fully functional Rock Paper Scissors game and use it as a foundation for more complex projects? If so, this advanced course is perfect for you!
In this comprehensive course, you will:
- Learn how to use React, TypeScript, and the Context API for state management in your projects
- Get hands-on experience building a Rock Paper Scissors game from scratch, including designing the UI and implementing game logic
- Gain a solid understanding of how to test your projects thoroughly using Vitest and React Testing Library
- Learn how to use test coverage to identify gaps in your test suite and ensure that your code is well-tested
- Receive guidance and support from an experienced instructor throughout the course, including detailed explanations and code examples
This course is designed for students who already have a basic understanding of React, TypeScript, and testing. However, even if you’re not an expert in these areas, the course will provide all the information you need to complete the project successfully.
By the end of the course, you will have a fully functional Rock Paper Scissors game that you can use as a starting point for your own projects. You will also have a strong foundation in React, TypeScript, and testing, which will enable you to tackle more complex projects with confidence.
Table of Contents
Introduction
1 Introduction
2 Initial setup
3 Score and Results
4 Choose and Play
5 Adding Context Api
6 Retrieving values from Context
7 Initial state context
8 Creating score Reducer
9 Player hand Choice
10 Player hand Active class
11 Test setup with Vitest
12 Testing Score Reducer
13 Testing Hand Selection
14 Testing Options Context
15 Generate Computer Random Option
16 Add Computer Option to Context
17 Countdown Timer
18 Testing Countdown Timer
19 Player and Computer Score
20 Checking the Winner
21 Update Score Reducer with Winner
22 Display Score Results
23 Testing Display Score Results
24 Playing Hand Shake
25 Winner Animation
26 Testing Winner Animation
27 Reset the Game
28 Tests Coverage
Resolve the captcha to access the links!