Log in
React Conferences
React Summit US 2024React Summit US 2024
ES

How to Make a Game With React

Kristopher Baumgartner
Kristopher Baumgartner
Poimandres Collective
certificate
This video will go public in 15 days
Multipass and Full ticket holders have instant access to event recordings.
Please login if you have one.
Get Multipass

Register a free account to unlock access to this video tomorrow.

Rate this content
Bookmark

Hacemos sitios web con React. Hacemos aplicaciones con React. Pero, ¿cómo hacemos juegos con React? En esta presentación, te mostraré cómo construir un tecstack de motor de juegos en React usando las bibliotecas de Poimandres, explicar los conceptos básicos y, sí, incluso construir un juego.

This talk has been presented at React Summit US 2024, check out the latest edition of this React Conference.

fun demos
Kristopher Baumgartner
Kristopher Baumgartner
22 min
19 Nov, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Estoy aquí con el Poimandris Open Source Dev Collective, y voy a mostrarte cómo hacer un juego con React usando patrones que conoces y probablemente muchos que no. Usaremos React, React 3 Fiber, Kota y Triplex. Cota es una solución de estado ágil que crea una base de datos local para actualizaciones eficientes. Genera entidades con características específicas y actualízalas en consecuencia. Aprende sobre el comportamiento componible en Kota y cómo actualizar entidades en cada frame. Mejora la apariencia visual del juego agregando una vista HiFi, materiales, luces y post-procesamiento para bloom. Entiende los conceptos de crear juegos en React, generando dinámicamente entidades y dándoles comportamiento. Aprende sobre la estrategia de pruebas, la compatibilidad con React Native y las ventajas de usar React para el desarrollo de juegos, incluyendo una mayor accesibilidad y una iteración más rápida.
Available in English: How to Make a Game With React
Video transcription and chapters available for users with access.
Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

El Potencial Caprichoso de los Marcos de Trabajo de JavaScript
React Summit US 2023React Summit US 2023
28 min
El Potencial Caprichoso de los Marcos de Trabajo de JavaScript
Top Content
Josh Comeau
Josh Comeau
The Joy of React
The speaker discusses the whimsical and detailed work of Stripe, particularly their interactive and dynamic pages. They explain the use of React for building whimsical details and tracking mouse position. The speaker introduces React Spring for smooth animation and React3 Fiber for creating a 3D egg model. They also mention the use of Framer Motion and React server components for animating CSS properties.
designanimationsfun demos
Animaciones Emocionales y Funcionales de la Interfaz de Usuario en React
React Day Berlin 2022React Day Berlin 2022
28 min
Animaciones Emocionales y Funcionales de la Interfaz de Usuario en React
Elizabet Oliveira
Elizabet Oliveira
Xata
Today's Talk discussed the importance of UI animations in React, both functional and emotional. Examples were given using CSS and Framer Motion, with a focus on user feedback and accessibility. Design guidelines and animation usage were highlighted, as well as the consideration of negative emotions in animations. The Talk also touched on designing 404 error pages and concluded with gratitude to the audience and organizers.
reactanimationsfun demos
JavaScript Haikus: Mis Aventuras en la Programación Mínima
JS GameDev Summit 2023JS GameDev Summit 2023
27 min
JavaScript Haikus: Mis Aventuras en la Programación Mínima
Frank Force
Frank Force
Game Designer, Software Engineer
This Talk is about writing super tiny JavaScript programs, known as tiny code. It explores the concept of code golf and the use of a live editor for instant feedback. The Talk discusses various ways to share tiny code, including Twitter.net. It also covers creating graphics, games, and sound in a small space. The speaker highlights inspiring tweets and showcases examples of tiny code, including asemic writing. The future of tiny code includes new techniques, better browser support, and AI-assisted programming.
javascriptfun demosinspiration
Hackeando un e-Reader con React
React Advanced 2023React Advanced 2023
7 min
Hackeando un e-Reader con React
Tiger Oakes
Tiger Oakes
Senior engineer at Microsoft
React for eBooks? Learn how to hack an eReader to display a tea menu. Create images and write e-books using React. Use EPUB format to create chapters and include CSS. Use Pandoc and Dino to simplify the process and make quick updates.
reactcase studyfun demosiot
Hackeando un e-Reader para Mostrar Mi Menú de Té Con JSX
React Day Berlin 2023React Day Berlin 2023
7 min
Hackeando un e-Reader para Mostrar Mi Menú de Té Con JSX
Tiger Oakes
Tiger Oakes
Senior engineer at Microsoft
React can be used to create custom menus for e-readers, and the process involves creating an image and e-book with React and loading them onto the e-reader. Writing an EPUB e-book for e-readers involves converting an SVG file into a PNG image and writing the e-book in EPUB format using HTML, CSS, and images. EPUB generators like Pandoc and Dino simplify the process of generating EPUBs from markdown and running JavaScript on the desktop, respectively.
reactsvgfun demosiot