Tecnología
React
React es una biblioteca de JavaScript para crear interfaces de usuario a partir de componentes. La uso en todas las interfaces que entrego: pantallas de producto, paneles de administración, mandos en el móvil para juegos e incluso vídeos renderizados en código
- Tipo
- Tecnología
- Sitio oficial
- react.dev
- En mi trabajo
- Proyectos 1 · Herramientas 1 · Servicios 3
- Publicado
Dónde la uso
QRuma: juegos en grupo en una pantalla grande con el móvil como mando
QRuma lleva juegos en grupo a una pantalla grande: los jugadores escanean un QR y su móvil se convierte en el mando, sin instalar nada. Nació en VibeCatter
HerramientasCreador de quiz: tus propias preguntas para Quiz Battle
Crea un quiz personalizado con tus preguntas y juégalo en una pantalla grande mientras los invitados responden desde el móvil. Usos, pasos y límites
ServiciosDe la idea a un MVP que funciona
Desarrollo de MVP para startups: alcance, UX, diseño, frontend, backend, IA y lanzamiento, a cargo de un ingeniero sénior que ha sido fundador y CTO
ServiciosUn CTO externo para tu startup
CTO externo para startups: arquitectura, equipo, revisión de código y desarrollo, de un CTO que también programa. Unas horas a la semana o a tiempo completo
ServiciosAgentes de IA y automatización para empresas
Desarrollo de IA para empresas: agentes de IA, chatbots con tus datos, automatización con IA, voz y vídeo integrados en un producto que funciona
¿Qué es React y cómo lo uso?
Llegué al front-end como diseñador, con unos 500 diseños de interfaz a mis espaldas. En React esos diseños se convierten en pantallas que funcionan: cada parte del diseño pasa a ser un componente que se puede reutilizar y probar
Datos clave
Cómo uso React
- Interfaces de producto. Paneles, flujos de inicio de sesión, formularios y ajustes de los productos que construyo como ingeniero y como CTO.
- Mandos en el móvil. En mi plataforma multijugador cada móvil muestra un mando hecho en React: un joystick, botones o casillas de respuesta, según el juego. Lee el caso.
- Paneles de administración. El CMS de esta web, con su editor, su biblioteca de medios y la publicación, es una aplicación de React.
- Vídeos. Con Remotion un vídeo es un componente de React, así que con las mismas habilidades hago vídeos explicativos para VibeCatter.
Cuándo elijo React y sus límites
React encaja en interfaces con mucho estado: pantallas que cambian mientras el usuario escribe, juega o espera datos. Gracias a su ecosistema, la mayoría de los problemas ya tienen una solución bien probada.
Para una página que es sobre todo texto basta con HTML renderizado en el servidor, y así llega esta web al lector: React renderiza la página en el servidor y solo las partes interactivas cargan JavaScript en el navegador. Mantengo ese JavaScript ligero, porque cada kilobyte le cuesta tiempo a quien navega desde el móvil.
Se usa junto con
Fuentes
- React Documentation — Meta Open Source ·
