vincenthanguk/minesweeper

TypeScriptMIT

Minesweeper game

Full video course

Patches, fixes and updates

Update dependencies

Jest "No tests found, exiting with code 1" error on Windows

Problem description

Update dependencies 2

Section: Introduction

Minesweeper presentation

Purpose of the course

Github repository overview

Creating a new repository

Project init

Code-style and Eslint

Prettier

Add script lint + eslint-plugin-storybook

Add to eslintrc React version

Section: Typescript recap

Typescript basic

Parametric typing with generics

Interfaces, Types and Union

Unknown, never and Tuple

UtilityTypes

The TypeScript Handbook

Minesweeper basic types

Section: React intro

Create React App

Create React App

JSX at Glance

Introducing JSX

JSX compilation

Introducing the New JSX Transform

Props and conditional rendering

Ecma TC39 and Babel

Webpack intro

Webpack Getting Started

Webpack dev server

React intro examples pull request

Section: Jest, TDD and basic game logic

Jest testing framework (TDD vs TLD)

Field generator part1, part2, part3, part4 (Basic game functionality)

VSCode debug configuration

Debug basic game logic

config for vscode

Section: Storybook and Components Library

Library Emotion for css-in-js

Minesweeper codepen

Styled components API

Storybook intro

Create components with Storybook

Components composition

Chromatic for visual testing

List and Keys

Section: React Hooks intro

useState

Dynamic components with useState Hook

Testing-library for ReactJS components

Testing-library

How to use React Testing Library Tutorial

Fragment

Cell component part1

Cell component part2

Cell component part3

Cell component tests

Custom hooks

Game Field (grid) component

Components library review

useDebugValue

Section: Code quality, app deploy and CI/CD

Test coverage report

Test quality tool Stryker-Mutator

Snapshot testing

Githooks and Husky

AWS Amplify deploy

CI/CD with Github Actions

Fix jobs for CI

Move `mutation_testing` job to `workflow_dispatch`

Section: React hooks and react testing library

Static game

Game logic

Components refactoring and update dependencies

useState and player field generator

Testing library user-event

Generate game field and open cell handler

Test player field generator

Debug session and useMemo

Click to the cell test cases

Reset game by TDD

Section: Game Hook

Create game over behavior by TDD

Game custom hook

Test refactoring

Set flag action

Solved puzzle detector

Create win game state handler

Add test cases for win state

Section: useEffect and useCallback

useEffect

Game timer and useEffect

Hotfix setInterval -> setTimeout

Bombs counter

Refactoring and update dependencies

Test reports and refactoring session

Test reports and refactoring session2

Refactoring useGame

Refactoring useGame 2

RDT profiler and React.memo + useCallback intro

React.memo + useCallback optimization

Stryker disable mutants

Section: React-Router

What is URL?

ReactRouter and Webpack-Dev-Server

URL Params

React.lazy and routing

Persistent state in URL search params

Update of React Router from v5 to v6

Redux intro

Pure functions benifits

Referential transparency

Redux basic example

Game module by TDD (Ducks)

Game module by TDD with createSlice

Game module by TDD with createSlice 2

useReducer

Minesweeper with Redux

React-Redux

Global store benifits and redux-dev-tools

Redux middlewares

Refactoring with Stryker

Fix timer