TicTacToe con React.js

TicTacToe Con React

Es hora de empezar a construir cosas geniales, ¡codifiquemos nuestro primer juego!

🌱 Cómo iniciar este proyecto

El primer paso para comenzar a codificar es clonar el react.js boilerplate en tu computador local o con Gitpod.

a) Si usas Gitpod (recomendado) puedes clonar el boilerplate clic aquí.

b) Si trabajas localmente, escribe el siguiente comando en tu terminal: git clone https://github.com/4GeeksAcademy/react-hello.

💡 Importante: Recuerda actualizar el remote del proyecto con el de tu repositorio usando git remote set-url origin <your new url>, y luego guardar tu código en tu nuevo repositorio usando add, commit y push.

📝 Instrucciones

Crea un tictactoe en React.js al igual que este. Recuerda seguir el flujo de trabajo recomendado para comenzar la codificación:

1. Diseña tu sitemap: ¿Cuántas páginas / vistas?
2. Diseñando tu estructura (wireframe): ¿Qué componentes y dónde?
3. Comienza a codificar tus componentes solo para mostrar "Hola mundo" en cada uno de ellos (para asegurarse de que funcionan).
4. Crea una lista de todas las posibles interacciones (eventos) del usuario y del sistema que se producen durante el tiempo de ejecución (por ejemplo: el usuario hace clic en un botón para iniciar el juego)
5. Crea unas funciones de javascript que manejen cada uno de esos eventos.
6. Console.log en cada una de esas funciones para asegurarse de que se están llamando.
7. Continúa... mira el video si tienes alguna otra duda.

Conceptos que debes aprender:

• State de los componentes (variables globales)
• Props
• Metódo de Renderizado
• La función para comprobar el ganador es un gran algoritmo de aprendizaje.

Video Tutorial:

Aquí hay un video que explica cómo hacerlo: https://www.youtube.com/watch?v=MQonrbY8Ezg&list=PLx0T51ydRO_7qabdLlT69keo68WmbXkrB