minesweeper
minesweeper copied to clipboard
Minesweeper game step-by-step guide
Minesweeper game
Full video course
Patches, fixes and updates
Update dependencies
Jest "No tests found, exiting with code 1" error on Windows
Update dependencies 2
Section: Introduction
Minesweeper presentation
Purpose of the course
Github repository overview
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
Minesweeper basic types
Section: React intro
Create React App
JSX at Glance
JSX compilation
Introducing the New JSX Transform
Props and conditional rendering
Ecma TC39 and Babel
Webpack intro
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
Section: Storybook and Components Library
Library Emotion for css-in-js
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
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
slides