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:
<ul> 
<li> Learn how to use React, TypeScript, and the Context API for state management in your projects </li>
<li> Get hands-on experience building a Rock Paper Scissors game from scratch, including designing the UI and implementing game logic </li>
<li> Gain a solid understanding of how to test your projects thoroughly using Vitest and React Testing Library </li>
<li> Learn how to use test coverage to identify gaps in your test suite and ensure that your code is well-tested </li>
<li> Receive guidance and support from an experienced instructor throughout the course, including detailed explanations and code examples</li>
</ul>
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.

Enroll in this course today and take your skills to the next level!

Github Repository: <a href="https://github.com/Tsampaio/react-typescript-rps">React TypeScript RPS</a>

React RPS Intro

Initial Setup

Score and Results

Choose and Play

Adding Context API

Retrieving Values From Context

Initial State Context

Creating ScoreReducer

Selecting Playerhand Choice

Playerhand Active Class

Test Setup with Vitest

Testing ScoreReducer

Testing Hand Selection

Testing Options Context

Generate Computer Random Option

Add Computer Option to Context

Countdown Timer

Testing Countdown Timer

Player and Computer Score

Checking The Winner

Update ScoreReducer with Winner

Display Score Results

Testing Display Score Results

Playing Hand Shake 

Winner Animation

Testing Winner Animation

Reset The Game

Tests Coverage

JavaScript

Advanced React with TypeScript

React

Description for Retrieving Values From Context

Description for Selecting Playerhand Choice

Description for Generate Computer Random Option

Description for Add Computer Option to Context

Description for Player and Computer Score

Description for Update ScoreReducer with Winner

Description for Testing Display Score Results