Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build

En el mundo de desarrollo web, los frameworks de JavaScript se han vuelto herramientas esenciales para la creación de aplicaciones modernas. Desde Angular y React hasta Vue y Svelte, cada uno ofrece un enfoque único para resolver problemas de arquitect…


This content originally appeared on DEV Community and was authored by Bezael Pérez

En el mundo de desarrollo web, los frameworks de JavaScript se han vuelto herramientas esenciales para la creación de aplicaciones modernas. Desde Angular y React hasta Vue y Svelte, cada uno ofrece un enfoque único para resolver problemas de arquitectura, rendimiento y experiencia de usuario. Sin embargo, muchos desarrolladores se han preguntado: ¿realmente necesitamos otro framework de JavaScript?

Hoy quiero compartir la historia de cómo y por qué se creó Brisa, un nuevo framework de JavaScript, de la mano de su propio creador, Aral Roca. Brisa no solo busca resolver problemas específicos de performance y modularidad en aplicaciones web, sino que también plantea una visión innovadora sobre cómo los desarrolladores pueden construir interfaces modernas sin perder de vista el funcionamiento interno de la web y el servidor.

¿Qué es Brisa?

Brisa es un framework que ha sido desarrollado desde cero con el propósito de mejorar la comunicación entre el cliente y el servidor, aprovechando al máximo la tecnología de web components y signals. Uno de los principales problemas que Aral identificó en muchos frameworks actuales era la complejidad de manejar acciones del servidor y del cliente de forma eficiente. Con Brisa, cualquier evento puede ejecutarse en el servidor, y el código que se necesita en el cliente es mínimo.

Un aspecto innovador de Brisa es que funciona sin necesidad de escribir código en el cliente para manejar eventos en el servidor. A través de un sistema llamado RPC (Remote Procedure Call) de solo 2 KB, Brisa permite que las interacciones se procesen directamente desde el servidor. Esto no solo facilita el desarrollo, sino que también reduce significativamente la cantidad de código necesario en el cliente, mejorando así el rendimiento general de la aplicación.

El Origen de Brisa

La idea de crear Brisa nació cuando Aral tuvo una conversación inspiradora con Misko Hevery, el creador de Quick.js, durante un evento en Barcelona. La visión de Misko y su enfoque para mejorar la performance en aplicaciones web dejaron una marca en Aral.
"Fue como si estuviera hablando de su propio hijo", dice Aral, recordando la conversación. Inspirado por este nivel de pasión y compromiso, Aral decidió que él también quería crear un framework, pero no uno más en el montón; quería algo que resolviera problemas que él mismo había enfrentado.

Así, comenzó a trabajar en Brisa, un proyecto que combina lo mejor de las interacciones en tiempo real entre cliente y servidor, y que es lo suficientemente ligero como para integrarse sin fricciones con otros componentes web. Brisa surgió como un experimento que luego se convirtió en un framework completo, diseñado para la eficiencia y la escalabilidad en la web moderna.

Principales Características de Brisa

Server Actions sin Us Client y Us Server: En Brisa, todo el código se ejecuta en el servidor por defecto. Solo en situaciones específicas se habilita la ejecución en el cliente, lo cual simplifica la gestión del código y evita complejidades innecesarias.

Components Web Integrados: Los web components de Brisa son completamente modulares y se pueden utilizar en otros frameworks. Esto significa que cualquier componente creado en Brisa se puede reutilizar en React, Angular, o Vue, brindando a los desarrolladores mayor flexibilidad.

Signals Avanzados: Brisa implementa un sistema de signals para la gestión de estados. Estos signals permiten que los componentes se actualicen automáticamente cuando cambian sus propiedades, sin necesidad de un render completo de la página. Esto optimiza el rendimiento y reduce la carga del cliente.

RPC de Solo 2 KB: Uno de los aspectos más innovadores de Brisa es su sistema de RPC de solo 2 KB, que permite a los desarrolladores manejar interacciones desde el servidor sin necesidad de escribir código en el cliente. Esto resulta en un código mucho más ligero y simplificado, mejorando la eficiencia general de las aplicaciones.

Image description

¿Realmente Necesitamos Otro Framework?

Es comprensible que algunos desarrolladores se pregunten si realmente necesitamos otro framework de JavaScript. La respuesta de Aral Roca es clara: "Con cada nuevo framework vienen nuevas oportunidades de mejorar y de aprender".

A lo largo de los años, hemos visto cómo cada framework ha aportado algo diferente y único. React nos enseñó sobre el virtual DOM, Angular sobre la modularidad en gran escala, y Vue sobre la simplicidad en el desarrollo de componentes. Brisa, por su parte, nos muestra cómo combinar la potencia de la plataforma web y las técnicas de renderizado desde el servidor para optimizar aplicaciones modernas.

Aplicaciones de Brisa en el Mundo Real

Las ventajas de Brisa son particularmente valiosas en aplicaciones de alto rendimiento, como aquellas que requieren de cargas rápidas y mínima latencia en el manejo de datos en tiempo real. Brisa permite que la comunicación entre el cliente y el servidor sea mucho más eficiente, lo cual resulta ideal para aplicaciones que manejan un gran volumen de interacciones de usuario.
Además, su integración con los web components facilita la creación de aplicaciones modulares que pueden integrarse con otras tecnologías sin problemas.

La Comunidad Detrás de Brisa

Aral también enfatiza la importancia de la comunidad en el desarrollo de Brisa. Para él, el apoyo y las contribuciones de otros desarrolladores han sido fundamentales. “La mejor parte de trabajar en Brisa ha sido la oportunidad de aprender de otros desarrolladores y ver cómo ellos aplican este framework en sus propios proyectos”, comenta Aral. Brisa es un framework abierto y siempre se anima a la comunidad a contribuir, ya sea con ideas, reporte de problemas, o nuevas funcionalidades.

¿Qué Sigue para Brisa?

Aral tiene grandes planes para el futuro de Brisa. Con la posibilidad de que los signals sean incluidos en la web platform oficial gracias a TC39, el comité encargado de la evolución de JavaScript, Brisa está en una excelente posición para volverse aún más eficiente y ligero. Si se incluye la funcionalidad de signals en el lenguaje base, las aplicaciones que usen Brisa podrían beneficiarse de un rendimiento aún mayor, con menos dependencia de bibliotecas externas.

¿Quieres Probar Brisa?

Si eres un desarrollador curioso o te interesa conocer más sobre la arquitectura de aplicaciones web avanzadas, te invito a darle una oportunidad a Brisa. No solo verás un enfoque innovador para resolver problemas de rendimiento y modularidad, sino que también podrás aprender sobre las últimas tendencias en el desarrollo de JavaScript.

¡Comparte tus pensamientos en los comentarios!
¿Te entusiasma la idea de un nuevo framework como Brisa?
¿Qué piensas sobre el futuro de los frameworks de JavaScript?

¡Espero tus opiniones!


This content originally appeared on DEV Community and was authored by Bezael Pérez


Print Share Comment Cite Upload Translate Updates
APA

Bezael Pérez | Sciencx (2024-10-28T22:50:00+00:00) Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build. Retrieved from https://www.scien.cx/2024/10/28/como-crear-un-framework-de-javascript-desde-cero-la-historia-de-brisa-build/

MLA
" » Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build." Bezael Pérez | Sciencx - Monday October 28, 2024, https://www.scien.cx/2024/10/28/como-crear-un-framework-de-javascript-desde-cero-la-historia-de-brisa-build/
HARVARD
Bezael Pérez | Sciencx Monday October 28, 2024 » Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build., viewed ,<https://www.scien.cx/2024/10/28/como-crear-un-framework-de-javascript-desde-cero-la-historia-de-brisa-build/>
VANCOUVER
Bezael Pérez | Sciencx - » Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/10/28/como-crear-un-framework-de-javascript-desde-cero-la-historia-de-brisa-build/
CHICAGO
" » Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build." Bezael Pérez | Sciencx - Accessed . https://www.scien.cx/2024/10/28/como-crear-un-framework-de-javascript-desde-cero-la-historia-de-brisa-build/
IEEE
" » Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build." Bezael Pérez | Sciencx [Online]. Available: https://www.scien.cx/2024/10/28/como-crear-un-framework-de-javascript-desde-cero-la-historia-de-brisa-build/. [Accessed: ]
rf:citation
» Cómo Crear un Framework de JavaScript desde Cero – La Historia de Brisa Build | Bezael Pérez | Sciencx | https://www.scien.cx/2024/10/28/como-crear-un-framework-de-javascript-desde-cero-la-historia-de-brisa-build/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.