UNA SERIE DE TRES EN LÍNEA
Tes en Línea: React, TypeScript, XState, fp-ts & CSS Grid (esp)
Parte I
Published in
10 min readOct 29, 2020
Hey! Estoy explorando tecnologia con el dominio más sencillo en el que pude pensar, Tres en Linea, ésta es toda la serie:
En este articulo, vamos a estar construyendo Tes en Línea con React, Typescript, XState, fp-ts and CSS Grid.
0. Prerrequisitos
- Nociones de JavaScript y TypeScript.
- Nociones de HTML y CSS.
- Node instalado.
- npm o yarn instalado.
- Nociones del terminal.
- Un editor de codigo (como vscode).
- Cualquier programa de dibujo.
1. Recursos
Primero, necesitamos algunos recursos digitales para nuestro pequeño juego. Necesitamos un Tablero, Jugadores (X y O), y las Líneas ganadoras (horizontales, verticales y diagonales).