Blitz.js es el Framework Fullstack de React. Está fuertemente inspirado en Ruby on Rails y se enfoca en hacerte lo más productivo posible. Está construido sobre Next.js y agrega todas las piezas faltantes que necesitas para construir una aplicación fullstack con una base de datos. La innovación más grande de Blitz es la nueva capa de datos "Zero-API" que abstrae la API para que no tengas que lidiar con REST o GraphQL APIs. Brandon cubrirá todas las partes importantes, para que sepas si quieres usar Blitz o no.
Video Summary and Transcription
El orador quería crear la mejor experiencia de desarrollo para aplicaciones fullstack de React simplificando el proceso de desarrollo y eliminando la capa de API. Se inspiraron en el renderizado del lado del servidor en Ruby on Rails y querían lograr algo similar con React. Anunciaron Blitz con un prototipo renderizado en el lado del servidor pero querían mejorarlo. Visualizaron una solución simple donde una función del servidor se comunica directamente con la base de datos y se importa en el código del frontend, con el framework manejando la capa de API.
Available in English
1. Building the Best Developer Experience
Short description:
Quería crear la mejor experiencia posible para desarrolladores en aplicaciones de React de pila completa. Tenía que ser monolítico, simplificando el proceso de desarrollo al tener una sola cosa en la que pensar, construir y implementar. También quería eliminar la capa de API en las aplicaciones de React, que a menudo agrega complejidad y ralentiza el desarrollo. Me inspiré en el renderizado del lado del servidor en Ruby on Rails y quería lograr algo similar con React. Anuncié Blitz con un prototipo inicial renderizado en el lado del servidor, pero no quedé satisfecho. Quería amar lo que usaba en mi trabajo diario. Así que imaginé una solución simple de una función en el servidor que se comunica directamente con la base de datos, importada directamente en el código del front-end. El framework se encargaría de la capa de API, facilitando el desarrollo para el usuario.
hola. Estoy muy emocionado de mostrarte blitz.js. Vamos a ello. Estuve construyendo aplicaciones de react durante varios años, aplicaciones de pila completa de react, y felizmente soporté la complejidad y la lucha requerida para hacerlo. Y lo hice porque me encantaba construir interfaces de usuario con react más que cualquier otra forma.
Pero la luna de miel terminó y me frustré cada vez más con toda la complejidad. Cosas como APIs REST, APIs graphQL, múltiples servidores, implementaciones, gestión de estado, configuración, bibliotecas, herramientas, todo, cualquier cosa que se interpusiera en el camino de construir características agotaba mi moral. Realmente quería volver a amar el desarrollo de pila completa. Quería ser extremadamente productivo de nuevo. Quería centrarme en construir características en lugar de toda esta otra configuración y conglomerado innecesario en mi aplicación.
Así que decidí que ya era suficiente y me propuse construir la mejor experiencia para desarrolladores posible en aplicaciones de pila completa de react. Así que había dos cosas que realmente quería tener para esta experiencia. En primer lugar, tenía que ser monolítico. Monolítico significa que hay una sola cosa en la que pensar, una sola cosa en la que construir, una sola cosa en la que implementar. Todo está junto y cohesionado, y es mucho más simple. Me adentré en el desarrollo web a través de Ruby on Rails, que es monolítico. Y conozco los beneficios de productividad que se obtienen de eso. Y quería volver a eso. En segundo lugar, quería eliminar la API. La capa de API en las aplicaciones de React es una de las mayores fuentes de complejidad, confusión, dolor de cabeza, angustia, simplemente dolor. Y así quería deshacerme de eso. Es increíble. No nos damos cuenta de cuánto nos ralentiza esa capa de API hasta que ya no la tenemos. Y luego dices, wow, esto es increíble. Y así que sabía cómo era eso gracias a Ruby on Rails, no hay API, puedes comunicarte directamente con tu base de datos desde tu vista si lo deseas, no se recomienda, pero puedes hacerlo. Y esto era muy importante.
Pero, ¿cómo puedes lograr esto con React? En ese momento, cuando comencé con Blitz. Hace unos 14 o 15 meses, estaba pensando cómo podríamos hacer esto. La única forma que conocía era el renderizado del lado del servidor. Y así, bueno, pensé que podríamos hacer esto. En ese momento, Next.js acababa de agregar el obtener props del lado del servidor y parecía que sería un buen enfoque. Así que cuando anuncié Blitz por primera vez, dije, bien, aquí está. Lo que es, tenía un prototipo inicial que se renderizaba en el lado del servidor, pero no me encantaba, no me encantaba. Y eso era importante para mí. Quería, quería amar lo que estoy usando en mi día, en mi trabajo diario, ¿sabes? Así que yo y los otros primeros colaboradores de Blitz estábamos discutiendo esto, hablando de cómo se vería la arquitectura. ¿Sería un modelo vista controlador? ¿Sería, qué sería? Y un día estaba tumbado en una hamaca en Tailandia, reflexionando sobre esto y me pregunté, ¿cómo sería esto si fuera fácil? Mientras estaba allí soñando con lo que podría ser, ¿qué sería fácil? Tuve esta imagen en mi imaginación de solo una función que se ejecuta en el servidor, que se comunica con la base de datos e importa directamente esa función en mi código del front-end, mis componentes de react. Y luego el framework haría que esa cosa funcionara mágicamente, realmente pondría una capa de API allí. Pero el usuario no tendría que lidiar con eso. Y así pensé, wow, esa es una idea genial. Me pregunto si puedo hacer que funcione. Y resulta que lo logramos.
