React Jam y por qué React es increíble para hacer juegos

Soy Bjarke Felbo, cofundador y CTO de Dusk. Más importante en este contexto, soy coorganizador de React Jam. Estoy muy emocionado de hablarles a todos sobre React Jam. Por qué React es increíble para hacer juegos. Hablaré sobre algunas cosas diferentes en esta charla relámpago. Comenzaré con una introducción general a React Jam, cómo es posible hacer juegos usando no solo DOM, sino también WebGL y WebView, todo dentro del contexto de usar React. Luego hablaré sobre lo fácil que es comenzar a hacer juegos con React y las increíbles bibliotecas en las que puedes basarte. Hablaré un poco sobre algunas cosas que debes tener en cuenta, y luego finalmente hablaré sobre cómo puedes comenzar remezclando juegos de código abierto. Vamos a ello. En primer lugar, ¿qué es React Jam? React Jam es un evento en línea para desarrolladores de React donde creas juegos en 12 días. Puedes ganar premios en efectivo y también es muy divertido. Muchos desarrolladores se animan mutuamente y crean juegos increíbles usando React. Simplemente colaborando, ayudándose mutuamente. Es increíble. El último React Jam acaba de terminar, así que definitivamente ve a ver a los ganadores. Son impresionantes. Quería destacar que hay muchas formas diferentes de hacer juegos con React. Puedes hacer juegos basados en DOM, simplemente React, pero también puedes usar ReactPixie para hacer juegos 2D o React FreeFiber para hacer juegos 3D. Ambas bibliotecas utilizan WebGL y WebGPU en el fondo, pero lo tienes fácil ya que puedes usar la abstracción de alto nivel. Y lo bueno de todo esto es que simplemente compartes un enlace a tu juego con cualquiera y simplemente se ejecuta. Es mucho, mucho más rápido para el jugador comenzar a jugar en comparación con, por ejemplo, hacer un juego con Unity o Unreal. Puedes hacer juegos realmente hermosos. Aquí está el ganador del desafío multijugador de Dusk del Winter React Jam. Se está ejecutando dentro de una aplicación de Dusk, lo que ayuda a que el juego sea multijugador. El juego se llama Cooking Frenzy y fue creado por MotherPix. Es un hermoso juego multijugador en 3D donde juegas juntos, tratando de cocinar recetas que este panda hambriento quiere comer. Y lo increíble es que este juego se hizo usando React FreeFiber en solo 10 días. Aquí hay otro gran juego, Pipeline Panic, hecho usando simplemente React por Jason y Gustavo. Es un juego multijugador donde juntos construyen un oleoducto para el agua de React.

Este juego ganó el desafío multijugador de Dusk en la edición de otoño de React Jam. Y este juego de estilo retro fue hecho utilizando el buen y viejo React que todos conocen. Es muy fácil comenzar a hacer un juego simple en React porque ni siquiera tienes que aprender el framework ni nada. Y como puedes ver, pueden verse hermosos. Y sí, construir juegos en React es una forma realmente fácil de probar el desarrollo de juegos. No necesitas aprender Unity, Unreal, no necesitas aprender un nuevo lenguaje, ni siquiera necesitas aprender un nuevo framework de JS. Simplemente usas los componentes como estás acostumbrado. Creo que también es importante destacar que damos por sentadas todas estas cosas de experiencia de desarrollo, recarga en caliente, pruebas unitarias, todo el poder de las herramientas de desarrollo de React. Pero en realidad, eso no es algo común en el mundo del desarrollo de juegos. Si quieres hacer un juego usando Unity, en realidad es muy difícil, por ejemplo, hacer que la recarga en caliente y las compilaciones rápidas funcionen correctamente. Y aquí, en el contexto del desarrollo web, todo eso viene de forma gratuita. Hay muchas bibliotecas geniales para todo tipo de cosas en React, y puedes usar todas ellas para el desarrollo de juegos. Quería mencionar algunas cosas de las que debes ser consciente al hacer juegos con React. El renderizado es siempre importante, como sabes, para cualquier aplicación, pero es particularmente importante evitarlo en los juegos, ya que el estado del juego puede cambiar con frecuencia, hasta 60 veces por segundo para juegos de ritmo rápido. Así que debes tener mucho cuidado de que solo estés renderizando los componentes exactos que necesitas utilizando algunas de las optimizaciones de React, como la memorización, si estás construyendo un juego de ritmo rápido. Si estás construyendo un juego de ritmo más lento, puedes ser más relajado. Otra cosa complicada que puede ser un poco difícil de hacer en juegos hechos con React son los cambios imperativos. Imagina que estás construyendo un juego de disparos, y cuando este enemigo llega a cero puntos de vida, quieres una animación de explosión y luego quieres desmontar el componente del enemigo. Hacer una secuencia de cambios como esta puede ser un poco complicado en React. Pero en realidad, uno de los ganadores de React Gem compartió esta buena biblioteca llamada Timeline Composer para hacer secuencias de cambios imperativos como ese en juegos basados en React. Así que es realmente genial ver cómo el ecosistema ayuda, alivia cualquier punto problemático en los juegos con React al construir todas estas bibliotecas diferentes. Y en realidad, la mejor manera de comenzar es jugando con el código de otras personas. Ya hay muchos juegos de código abierto geniales hechos con React. De hecho, ayudé a iniciar esta iniciativa para destinar $100,000 en subvenciones para hacer más juegos web de código abierto. Y si buscas las subvenciones de código abierto de Dusk, encontrarás una larga lista de juegos de código abierto de los que puedes inspirarte. Y muchos de estos juegos están hechos con React.

Incluso puedes solicitar una subvención para hacer un juego de código abierto. Así que es realmente genial. Definitivamente échale un vistazo.

Finalmente, solo quiero destacar lo obvio. Los juegos son una forma muy divertida de mejorar tus habilidades en React y mostrar tus habilidades de programación, tanto a futuros empleadores como a la comunidad. Así que en lugar de hacer otro blog o crear un nuevo sitio web, te recomiendo encarecidamente que pruebes a hacer un juego con React.

Sí, fue genial contarte un poco sobre cómo hacer juegos con React. Tenemos una comunidad súper cálida de desarrolladores que se divierten, experimentando con React y haciendo juegos juntos. Así que definitivamente espero que te unas a la diversión. Si no es haciendo juegos, simplemente únete a la comunidad para ver todos los juegos increíbles que la gente está haciendo. Puedes registrarte en la lista de correo electrónico en reactjam.com. Puedes ver los ganadores de todos los Jams anteriores y obtener consejos sobre cómo hacer juegos con React. Así que definitivamente visita el sitio web. Estaré disponible en el Discord del React Summit si tienes alguna pregunta. También puedes encontrarme siempre en Twitter o en el Discord de Dusk. Gracias.