Image for post
Image for post

If you want to read the English version of this post, click here.

Ahora que hemos aprendido los conceptos básicos, es hora de hacer cosas reales. En este ejercicio, configuraremos una aplicación hecha en React desde cero, y luego implementaremos el código del juego Connect Four sobre ella.

Image for post
Image for post
Este es el juego que vamos a implementar en este post: Connect Four

Siguiendo este tutorial paso a paso, aprenderemos sobre React y TypeScript mientras programamos una aplicación de la vida real. Estas preparada/o? 👾

Configuracion Inicial

Nota: Si quieres empezar con el código del juego directamente, puedes omitir esta sección y abrir la aplicación inicial (begin) de este Ejercicio, la cual se encuentra en el repositorio de GitHub de este training. …


Image for post
Image for post

Si quieres leer la versión en Español de este artículo, haz click aqui.

Now that we have covered the basics, it’s time to make things real. In this exercise, we will set up a React application from scratch, and then we will implement the Connect Four game on top of it.

Image for post
Image for post
This is the game we are going to build in this post: Connect four

By following this step-by-step walkthrough, you will learn about React and TypeScript while you code a real-life application. Are you ready? 👾

Initial setup

Note: If you want to start right away with the game logic, you can skip this section and open the begin application of this Exercise, located in this training’s GitHub repository. …


Image for post
Image for post

If you want to read the English version of this post, click here.

En este ejercicio, presentaremos las dos librerias principales que utilizaremos para desarrollar aplicaciones web: React y TypeScript. Para esto, veremos ejemplos pequeños pero concretos que nos ayudarán a comprender los conceptos principales, de a uno a la vez.

Pero antes de comenzar a codear, hay que entender lo que vamos a hacer. Pensa en el diseño de alguna interfaz de usuario (UI), la más común que hayas visto y preguntate:

  1. Si tengo que hacer esto, ¿por dónde deberia empezar? …

About

Mariano Vazquez

I like to create things, therefore I code

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store