Create a Chess game with Reactjs part 26: Class Inheritance
Class inheritance and more about object-oriented programming is what we are going to talk about and implement in this episode of creating a chess game with React using TypeScript.
The code in this video can be found on the Frontend Coding GitHub repository:
https://github.com/FrontendCodingYT/c...
Timestamps:
0:00 Welcome! Short introduction.
0:33 Explaining! samePosition function.
1:50 Coding! Using the samePosition function from the class.
5:10 Explaning! Adding samePosition logic to the piece.
5:55 Coding! Adding logic to the Piece class.
9:15 Coding! writing samePiecePosition for the Piece class.
11:55 Coding! Fixing the references in the Chessboard.
15:20 Coding! Creating the Types.ts file.
16:00 Coding! Fixing the type references.
18:41 Coding! Adding isPawn, isPieceType logic to Piece.
20:25 Coding! Creating the Pawn class.
29:45 Coding! Using the Pawn class.
36:45 Coding! Accessing the enPassant property.
38:40 Coding! Creating getters.
40:24 Coding! Casting to the Pawn class.
43:35 Thank you for watching! See you next time :)