Tauri es un marco de construcción de aplicaciones de código abierto basado en Rust, centrado en la seguridad y construido sobre la filosofía de ofrecer proyectos mejores sin comprometer nuestros objetivos climáticos. Esta charla presentará los componentes clave y los puntos de referencia de la versión estable del marco completamente auditado. Además, se discutirá su futuro como un medio no solo para entregar aplicaciones de escritorio y móviles, sino también su misión de adaptar Servo para convertirse en un proveedor de vistas web completo y multiplataforma. Por último, presentaremos nuestro premio al "marco web moderno más seguro de 2022" en el contexto de las aplicaciones de Tauri basadas en vistas web.
This talk has been presented at JSNation 2022, check out the latest edition of this JavaScript Conference.
FAQ
Tauri es una herramienta diseñada para mejorar el ecosistema de creación de aplicaciones, utilizando Rust en su núcleo. Sus tres componentes principales son Tau, que permite crear una ventana y brinda elementos como menús y bandejas del sistema; Rai, que inyecta una vista web en la ventana Tau; y la integración de APIs y herramientas de compilación que permiten interactuar con el sistema de archivos y gestionar la compilación de aplicaciones.
Tauri se enfoca en la seguridad como un elemento central, ofreciendo un sistema donde es posible crear aplicaciones seguras por diseño. Incluye características como la limitación de JavaScript de terceros para interactuar con su API y ha sido auditado para fortalecer y validar su enfoque de seguridad.
Tauri utiliza una doble licencia MIT Apache 2, ofreciendo flexibilidad para que los desarrolladores elijan la opción que prefieran.
Sí, es posible utilizar Tauri sin conocimientos previos de Rust. Tauri se encarga de los aspectos técnicos relacionados con Rust, permitiendo a los desarrolladores centrarse en otras áreas del desarrollo de sus aplicaciones.
Tauri es multiplataforma, compatible con sistemas operativos como Windows, macOS, Linux, iOS y Android.
Sí, Tauri ofrece interoperabilidad con lenguajes que tienen compatibilidad con C, como Python, C, Go, Nim, y C++, permitiendo a los desarrolladores utilizar estas tecnologías en conjunto con Tauri.
Tauri proporciona un sistema de actualizaciones automáticas, facilitando a los desarrolladores mantener sus aplicaciones actualizadas para los usuarios finales.
Las aplicaciones desarrolladas con Tauri pueden tener un tamaño muy reducido, con ejemplos que van desde los 540 kilobytes hasta alrededor de 5-6 megabytes, dependiendo de la aplicación.
La comunidad puede participar en Tauri a través de su servidor de Discord, donde se gestionan las contribuciones y se discuten aspectos del proyecto. Además, Tauri es parte de Commons Conservancy, una fundación que protege el proyecto y su código.
Tauri es una herramienta creada para mejorar el ecosistema de JS, proporcionando una alternativa ligera a Electron. Integra la pila de tecnologías, se enfoca en la seguridad y ofrece compatibilidad multiplataforma. Las medidas de seguridad incluyen una nueva interacción con iframes y una auditoría exhaustiva. Se enfatiza la importancia de cuidar el planeta y reducir el consumo de aplicaciones. Se discuten la comunidad, la licencia y los planes futuros de Tauri, así como los desafíos del soporte de vistas web y el objetivo de crear un motor consistente utilizando Servo.
Hace tres años, vine a JS Nation por primera vez. Hoy quiero darte una introducción a Tauri, una herramienta que construimos para mejorar nuestro ecosistema.
Oye, sabes, hace tres años vine a JS Nation por primera vez y fue aproximadamente un mes o dos después de que comenzamos a trabajar en Tauri. Así que es una sensación increíble volver aquí, especialmente después de estos últimos años, que han sido realmente extraños, ¿verdad? Como, estos meetups han sido modificados por la pantalla, así que ni siquiera teníamos esta distancia, ¿verdad? No teníamos esta forma de mirar hacia adelante. ¿A dónde vamos? ¿De dónde venimos? Y creo que hoy, lo que quiero hacer en la charla es darte una introducción a Tauri. Habrá un video corto, luego hablaré sobre las partes importantes de nuestra pila y luego pasaré a nuestra filosofía al respecto. El tiempo es corto. Voy a seguir adelante. Habrá preguntas más adelante. Pero estoy esperando mi Wi-Fi. Así que mientras se carga el video, y si no se carga, simplemente seguiré adelante, pero construimos Tauri para abordar una serie de preocupaciones y ninguna de ellas era que nuestro ecosistema es malo.
2. Construyendo aplicaciones seguras con Rust
Short description:
De Adam surgió Electron, que es una mezcla. Te permite hacer muchas cosas, pero es pesado y viene con un navegador y tiempo de ejecución desactualizados. Para abordar esto, construimos Tauri con Rust en el núcleo. Tauri tiene tres componentes: Tau, que crea ventanas y proporciona menús y bandejas del sistema; Rai, que inyecta una vista web en la ventana Tau; y un ecosistema que reúne a ingenieros de nivel de sistemas y desarrolladores front-end. Tauri integra la pila, proporciona acceso a la API del sistema de archivos y herramientas de compilación, y se enfoca en la seguridad y lo básico.
Construimos una herramienta para mejorar nuestro ecosistema. Cuando observamos cómo se han construido las aplicaciones, todo comenzó, creo, en este contexto con Adam. No sé si recuerdas eso. Acaba de desaparecer hace un par de días. De Adam surgió Electron y cualquiera que haya estado leyendo en Twitterati, todos saben que Electron es algo así como una mezcla. Te permite hacer muchas cosas. Pero supongo que omitiré el video. Te permite hacer muchas cosas, pero es muy pesado. Básicamente, con Electron, con ese sistema, estás enviando un navegador que generalmente está desactualizado en el momento en que lo envías. Estás enviando un tiempo de ejecución completo y también tu JavaScript. Ahora, hay toda esta idea en la comunidad de JavaScript de que el código isomórfico es genial. Quiero decir, en general es bueno por la facilidad de uso, y más adelante vamos a hablar de las implicaciones de seguridad de tener todo fácil. Pero también sucede que los atacantes pueden pasar del front-end de JavaScript al back-end de JavaScript, y siempre se escuchan sobre vulnerabilidades y ataques terribles. Así que decidimos ver cómo podemos reconstruir esta idea utilizando Rust en el núcleo. Y así tenemos básicamente tres componentes para Tauri, y comienza con una ventana. Ya sea que estés en Mac, Windows, Linux, iOS o Android, necesitas tener una ventana para colocar contenido. Y eso es Tau. Te permite crear una ventana, te brinda menús, bandejas del sistema, aceleradores de teclado, y eso es como el esqueleto, por así decirlo. La siguiente parte es Rai, y Rai te permite inyectar una vista web en la ventana Tau que ya has creado. Y lo importante de recordar aquí es que construimos estas bibliotecas en Rust, pero otras personas también pueden usarlas, no solo Tauri. Por ejemplo, la biblioteca Rai está siendo utilizada por Astrodon, que como sabrás es un proyecto para construir aplicaciones con Deno. Les hemos ayudado y ellos nos han ayudado, y creo que eso es algo a lo que vamos a volver en la charla, y es que este ecosistema de Tauri es algo único en mi experiencia porque no solo estamos involucrando a ingenieros de nivel de sistemas en el proyecto, sino también a personas de front-end de diferentes disciplinas, ya sea React, Vue o Svelte, o desde el lado de Rust, Dominator y U. Y todo esto se une en Tauri. Entonces, básicamente, lo que obtienes con Tauri es que integra toda esta pila. Te brinda acceso a la API, por ejemplo, del sistema de archivos desde la vista web, y también a las herramientas de compilación, para que puedas, si necesitas asignar el binario de macOS, lo haga por ti. Proporcionará un sistema de actualizaciones automáticas que puedes ofrecer a tus usuarios. Y es como el pegamento que lo mantiene todo unido. Entonces, las características de Tauri son que puedes llevar tu proyecto existente y funcionará. Por supuesto, si haces muchas cosas en Node.js, en Electron, tendrás que hacer algunas adaptaciones, pero realmente nos enfocamos en la seguridad y lo básico. Y mencioné esto antes. Es muy importante para nosotros que tú, como desarrollador, como equipo de ingeniería, tengas una seguridad básica que sepas que está ahí y que está verificada.
3. Características y Futuro de Tauri
Short description:
Tauri siempre se mantendrá con una doble licencia MIT Apache 2. El tamaño del paquete es mínimo, lo que permite aplicaciones muy pequeñas. Podamos el Rust que envías con tu aplicación, incluyendo solo los puntos funcionales que necesitas. Tauri es multiplataforma y se ha asociado con Cloudflare para la distribución global de aplicaciones. No necesitas conocer Rust, solo instala el compilador. Tauri funciona en iOS y Android, proporciona renderizadores alternativos y se está desarrollando un servicio de actualización. Se está trabajando en WebRTC en Linux. La compilación cruzada está disponible para pruebas locales.
y verificable. Esto es, supongo, una de las partes más importantes del software libre y de código abierto, lo cual quiero decir, soy un maximalista. Soy un maximalista del código abierto. Tauri siempre se mantendrá con una doble licencia MIT Apache 2. Hablaré más sobre cómo estamos demostrando eso más adelante. Lo más importante, sin embargo, para muchos de ustedes será el tamaño del paquete. Y eso es mínimo. Estamos viendo aplicaciones que son muy, muy grandes en el contexto de lo que hacen. Y tienen un tamaño de alrededor de 5, 6 megabytes. La diferencia que hemos visto, creo, fue de 540 kilobytes si observas los tamaños de los iconos. Así que puedes obtener aplicaciones realmente muy pequeñas. La razón de esto es que también eliminamos el Rust que envías con tu aplicación. En lugar de enviar un tiempo de ejecución completo, solo enviamos los puntos funcionales que necesitas para ejecutar tu sistema. Y obviamente, como dije, es multiplataforma. Puedes construir en un dispositivo Windows y luego usar nuestra CI que escribimos para GitHub. GitLab llegará pronto. Y producirá los binarios que necesitas. El anuncio llegará la próxima semana. Me complace decirte que nos hemos asociado con Cloudflare, por lo que si tu proyecto es de código abierto, puedes usar los workers de Cloudflare de forma gratuita para distribuir globalmente tus aplicaciones donde sea necesario en el borde. Es emocionante y, obviamente, está construido en Rust. Me dijeron que no necesitas conocer Rust. Solo tienes que instalar el compilador y nosotros nos encargamos de todo eso por ti. Ahora, si estás familiarizado con Rust o quieres aprender Rust, también es una gran oportunidad para familiarizarte sin comprometerte. ¿Y hacia dónde vamos desde aquí? Bueno, desde hace unos días, hemos verificado que funciona en iOS y Android. Eso se implementará en la próxima rama muy pronto. Estamos proporcionando renderizadores alternativos. Si no te gusta WebView, puedes enviar una ventana GL que funcionará en todas las plataformas también. Como mencioné, se está desarrollando un servicio de actualización. WebRTC en Linux es algo que está impidiendo que Element adopte Tauri. Pero estamos trabajando en eso junto con el equipo de WebKit GTK. La compilación cruzada es importante para muchos de ustedes.
4. Tauri: Enlaces Adicionales y Seguridad
Short description:
A gran escala, puedes usar CI, pero hay razones para hacerlo en una máquina. Tauri te permite escribir tu backend en varios lenguajes y comunicarte con la aplicación de la manera que desees. La seguridad es una preocupación importante y Tauri ha tomado medidas para garantizar el desarrollo de aplicaciones seguras. Han inventado un nuevo tipo de interacción de iFrame para evitar que el JavaScript de terceros acceda a sistemas sensibles. Se realizó una auditoría exhaustiva por parte de Radically Open Security para validar y fortalecer el sistema. La auditoría completa se puede encontrar en su repositorio de GitHub.
porque quieres probarlo localmente. Obviamente, a gran escala, quieres usar CI, pero hay razones para hacerlo en una máquina. Y luego, enlaces adicionales. Una palabra sobre eso porque es posible que no sepas exactamente lo que significa. Los enlaces adicionales significan que puedes escribir tu backend en Python, C, Go, Nim, C++, elige tu lenguaje. Mientras tenga interoperabilidad con C, puedes aprovechar Tauri y dirigirlo. Entonces, si estás familiarizado con alguno de esos lenguajes, incluso creo que Swift también llegará pronto, podrás simplemente usar nuestro sistema de compilación y comunicarte con la aplicación de la manera que desees. Así que me quedan unos nueve minutos y 30 segundos. Voy a pasar rápidamente por security, pero no debería. Una de las cosas que encontramos en nuestros servicios de ayuda es que la gente todo el tiempo dice que no les importa la seguridad. Como, ¿a quién le importa? Solo hazlo fácil. Y, como, el mayor riesgo que vemos con los ingenieros jóvenes, especialmente con el avance de la increíble DX que herramientas como Vite y Svelte y Tauri están trayendo es que es muy fácil hacer cosas. Entonces ni siquiera tienes que saber lo que significa. No tienes que entender las implicaciones de las cosas. Y hemos hecho todo lo posible para que sea posible que hagas una aplicación perfectamente segura. Hasta el punto en que incluso inventamos un nuevo tipo de interacción de iFrame con nuestra API que evita que el JavaScript de terceros pueda llamarlo. ¿Por qué es esto importante? Incluso en un navegador de sandbox, hay vulnerabilidades de día cero, hay vulnerabilidades de un día. Y en el contexto de una aplicación que da acceso a la pila de red, al sistema de archivos, al micrófono, a la cámara, corres el riesgo de permitir que los atacantes accedan de forma granular a tus sistemas. Y te guste o no, las aplicaciones de hoy en día viven en sistemas operativos que siempre están siendo comprometidos. Y si no te ocupas de esto, en realidad estás creando un vector donde las personas pueden atacarte a ti y a tus usuarios. Así que no seas una herramienta.
Ahora, teníamos muchas creencias sobre el sistema que construimos. Pensamos que era seguro, hicimos nuestro mejor trabajo. Resulta que encontramos como 54 hallazgos. Radically Open Security hizo un trabajo increíble trabajando junto con nosotros y no solo validando nuestro enfoque, sino también fortaleciéndolo. Así que uno de nuestros requisitos previos para lanzar la versión 1.0 fue tener esta auditoría horizontal y vertical. Puedes encontrar la auditoría completa en nuestro repositorio de GitHub. Ahora, es bastante obvio. Nos quedamos
5. La Importancia de Cuidar Nuestro Planeta
Short description:
Y cuando te despiertas pensando en lo que está sucediendo en el planeta, piensas, ¿deberíamos tomar una bicicleta o un taxi? ¿Verdad? Y trabajamos muy duro para crear binarios pequeños. Este es en realidad el problema, creo, que nos ha llevado a donde estamos ahora. En Internet hay miles y miles y miles de personas y todos están construyendo la próxima gran cosa y queremos apoyar eso. Pero lo que no queremos seguir apoyando es el saqueo de nuestro planeta porque tenemos que asumir la responsabilidad de eso, no solo la seguridad de nuestras aplicaciones, no solo la privacidad de nuestros usuarios, sino que realmente tenemos que cuidar de nuestro planeta porque nos guste o no, el agua está subiendo, hay sequías en todas partes, hay guerra y podemos hacer algo y tenemos que hacerlo.
en un Airbnb aquí en Ámsterdam. En un barco. En uno de los canales. Y cuando te despiertas pensando en lo que está sucediendo en el planeta, piensas, ¿deberíamos tomar una bicicleta o un taxi? ¿Verdad? Y trabajamos muy duro para crear binarios pequeños. Este es un ejemplo del que mencioné antes. Creo que fue Jonas quien lo construyó del equipo. Puedes crear binarios pequeños, pero a quién le importa, ¿verdad? Es espacio gratuito. Este es en realidad el problema, creo, que nos ha llevado a donde estamos ahora, y en esta sala hay alrededor de 100 personas. Fuera hay otras cientos más. En Internet hay miles y miles y miles de personas y todos están construyendo la próxima gran cosa y queremos apoyar eso. Lo que no queremos seguir apoyando es el saqueo de nuestro planeta porque tenemos que asumir la responsabilidad de eso, no solo la seguridad de nuestras aplicaciones, no solo la privacidad de nuestros usuarios, sino que realmente tenemos que cuidar de nuestro planeta porque nos guste o no, el agua está subiendo, hay sequías en todas partes, hay guerra y podemos hacer algo
6. El Impacto del Consumo de Aplicaciones en el Calentamiento Global
Short description:
Cuanto más se consume tu aplicación, más usuarios la descargan, más estás contribuyendo al calentamiento global. Aún tenemos que hacer todo lo posible para reducir nuestro consumo.
y tenemos que hacerlo. Solo como algo rápido, cuanto más se consume tu aplicación, más usuarios la descargan, más estás contribuyendo al calentamiento global. Esto es solo un pequeño ejercicio en el consumo de electricidad, y obviamente tus WebSockets, tus solicitudes REST, también consumen tráfico, pero aún tenemos que hacer todo lo posible, y creo que Taori es un gran paso en esa dirección, y siempre estamos trabajando para reducir el tamaño del paquete y educar a las personas, hey, reduce el tamaño de tus PNG. Usa SVG. No se trata solo del tiempo de entrega, no se trata de la velocidad con la que tienes que mostrar un sitio web. Es realmente importante que
7. Comunidad, Discord, Conservancy, Lanzamiento y API
Short description:
En los últimos minutos, hablaré sobre la comunidad, todo lo que hacemos en Discord, el Commons Conservancy, la junta directiva, el Open Collective, el libro en progreso, el reciente lanzamiento 1.0 y la API estable con correcciones de errores y nuevas características próximas.
reducimos nuestro consumo. Así que me quedan unos cinco minutos. Voy a hablar sobre la comunidad, quiénes somos y cómo puedes involucrarte si estás interesado. Todo lo que hacemos lo gestionamos en Discord. Tenemos varios canales públicos. También hay algunos canales privados, pero esos son más para fines organizativos. Esto se debe a que creemos en el código abierto. Creemos en la comunidad. Y cuando comenzamos a recibir contactos de capitalistas de riesgo, no entramos en pánico. Nos dirigimos al Commons Conservancy, que es una fundación aquí en Ámsterdam. Lo que hacen es proporcionar una entidad organizativa que protege el código de cambios de licencia. Protege el código de las personas. Protege el código de alguien que llega y dice que debe hacerse de manera diferente, hagámoslo así. Tenemos una junta directiva, pronto habrá una nueva votación y lo anunciaremos en los canales de Discord. Tenemos un Open Collective donde puedes hacer donaciones. Hemos utilizado los fondos del Open Collective para pagar parte de la auditoría que hemos realizado, y también para pagar nuestra marca registrada. Si estás escuchando Red Bull, muchas gracias por permitirnos usar el nombre de Towery. Eso fue algo interesante. También estamos trabajando en un libro, que esperamos que salga este año. Junto con PACT Publishing, profundizaremos en lo que hace que una aplicación de Towery y la filosofía detrás de ella. Y me quedan tres minutos. No sé si puedo mencionar a todos los involucrados en este proyecto, pero acabamos de lanzar la versión 1.0 a las 5 de la mañana. Aplausos. Gracias. Lo que eso significa. Significa que la API es estable, no va a cambiar. Solo aplicaremos correcciones de errores y este es nuestro sello de auditoría. Las nuevas características se implementarán en la próxima rama, que puedes utilizar desde JavaScript y Rust. Es solo una simple función, ya sabes, obtener la revisión o etiqueta del hash. Y voy a intentar agradecer a algunas personas que han sido realmente importantes para este proyecto.
QnA
Lucas and I's Journey, Community, and Licensing
Short description:
Lucas y yo comenzamos esto como un pasatiempo y se convirtió en algo que cambió nuestras vidas. Tenemos cientos de colaboradores y un equipo enorme. Queremos crecer contigo y esperamos los próximos años de este proyecto. Gracias por tus preguntas. Tomamos un taxi y Tauri utiliza la licencia MIT Apache 2. Discutamos la militarización del código abierto y la importancia de la comunidad en la formación del ecosistema.
Lucas y yo comenzamos esto como un pasatiempo y se convirtió en algo que cambió nuestras vidas. Y él quería que les agradeciera. Y me estoy derrumbando, lo siento. Ni siquiera podré recordar todos los nombres. Tenemos cientos de colaboradores. Tienes un equipo enorme. Queremos que el equipo crezca. Queremos crecer contigo. Y realmente esperamos lo que viene, los próximos años de este proyecto. Y sí. Solo quiero decir gracias y dejar más espacio para preguntas. Sí. Hay un recordatorio aquí en las diapositivas para que hagan sus preguntas. No hay muchas aún, así que puedo hacer todas mis preguntas, lo cual es genial. Ese es un gran privilegio de ser un presentador. Así que la primera pregunta. ¿Realmente tomaron la bicicleta o tomaron el taxi? Tomamos el taxi. ¿Pensaste que no lo recordaría, verdad? No, es un buen punto. Tengo miedo de las bicicletas en Ámsterdam. Bueno, eso es justo, creo. Tenía otra pregunta. Entonces, ¿qué tipo de licencia utiliza Tauri? Tauri utiliza la licencia MIT Apache 2, por lo que puedes usar la que prefieras. Siempre aprovecho esa oportunidad para hablar sobre la militarización del código abierto y cómo personalmente no creo en eso. Creo que como ingenieros elegimos una licencia para habilitar a las personas en lugar de evitar que hagan cosas. Sé que ha habido situaciones recientes en las que las personas han decidido cambiar su código o cambiar su licencia, y eso pone en riesgo la salud del ecosistema. La comunidad es el lugar adecuado para eso. Nuestras pautas, nuestras expectativas de comportamiento, creo que son la moralidad, el fundamento del código abierto, y la licencia en sí misma es solo un acuerdo legal. No refleja cómo nos sentimos. Sí, creo que es una discusión interesante de todos modos, pero sí, noté que hay un par de licencias atmosféricas que pensé que probablemente consideraste todas
Tauri Web View Support and Future
Short description:
Las vistas web de Tauri utilizan diferentes motores en diferentes plataformas, pero estamos trabajando en adaptar Servo para garantizar la consistencia. La falta de estándares para las vistas web dificulta su trabajo, pero los sistemas operativos generalmente se encargan de las actualizaciones. Nuestro proyecto de investigación tiene como objetivo crear una vista web dedicada para Tauri utilizando Servo, asegurando el mismo motor de CSS y JavaScript en todas las plataformas.
de eso. Genial, muy genial. Veamos si hay alguna otra pregunta. Vi que llegó algo. ¿El soporte de JavaScript en la vista web de Tauri es el mismo que en un navegador?. Soportamos ES 2021. Creo que la parte complicada es que utilizamos WK WebKit en dispositivos tipo Mac, utilizamos WebKit GTK en dispositivos tipo Linux y utilizamos WebView2 en dispositivos tipo Windows. Y aunque amamos las vistas web, son como los hijos no queridos del ecosistema del navegador. Porque lo que sucede es que no hay estándares reales para ellas. Y así, simplemente funcionan o no funcionan. ¿Y cómo se actualizan? Y creo que los sistemas operativos hacen un buen trabajo manteniéndolos actualizados. Pero uno de nuestros proyectos de investigación se centra en adaptar Servo para convertirlo en una vista web adecuada para Tauri. Porque así podemos garantizar que sea el mismo CSS. Es el mismo motor de JavaScript en todas las plataformas. Genial. Espero que la pregunta de la persona haya sido respondida. Me encanta esta. Es más bien una solicitud que una pregunta. ¿Han pensado en hacer talleres para incorporar y educar a la comunidad en la creación de aplicaciones mejores y orientadas a la seguridad? Sí, estamos planeando un taller de código este otoño en Malta que culminará en una conferencia de un día o algo así, donde las personas del taller podrán presentar lo que hicieron y luego las personas de Core y otras empresas podrán hablar sobre su experiencia con Tauri. Genial. Hagamos una más rápida. ¿Se puede implementar una aplicación de Tauri como una aplicación de escritorio y una aplicación web simultáneamente? Bueno, básicamente, la forma en que funciona Tauri es que envías tu código de React, por ejemplo, lo compilas y luego Tauri toma esa compilación y la coloca en el binario, ¿verdad? Y si tu canalización es capaz de diferenciar las compilaciones, entonces sí. Y obviamente, con un poco de JavaScript ingenioso, puedes detectar si estás en un contexto de Tauri y si es así, aplicar las API de Tauri, y si no, aplicar las API web. Genial. Gracias por eso. Desafortunadamente, se nos acabó el tiempo, pero creo que todos podemos encontrarte más tarde en las salas de discusión. Hay salas de preguntas y respuestas justo afuera de esta sala. Encuentra a nuestros oradores allí y haz tus preguntas adicionales. Creo que también te acompaña nuestra audiencia remota, así que eso podría ser realmente agradable. Muchas gracias. Gracias.
Remix is a web framework built on React Router that focuses on web fundamentals, accessibility, performance, and flexibility. It delivers real HTML and SEO benefits, and allows for automatic updating of meta tags and styles. It provides features like login functionality, session management, and error handling. Remix is a server-rendered framework that can enhance sites with JavaScript but doesn't require it for basic functionality. It aims to create quality HTML-driven documents and is flexible for use with different web technologies and stacks.
Mishko, the creator of Angular and AngularJS, discusses the challenges of website performance and JavaScript hydration. He explains the differences between client-side and server-side rendering and introduces Quik as a solution for efficient component hydration. Mishko demonstrates examples of state management and intercommunication using Quik. He highlights the performance benefits of using Quik with React and emphasizes the importance of reducing JavaScript size for better performance. Finally, he mentions the use of QUIC in both MPA and SPA applications for improved startup performance.
The Talk discusses the shift to full-stack frameworks and the challenges of full-stack documentation. It highlights the power of interactive tutorials and the importance of user testing in software development. The Talk also introduces learn.svelte.dev, a platform for learning full-stack tools, and discusses the roadmap for SvelteKit and its documentation.
Suspense is a mechanism for orchestrating asynchronous state changes in JavaScript frameworks. It ensures async consistency in UIs and helps avoid trust erosion and inconsistencies. Suspense boundaries are used to hoist data fetching and create consistency zones based on the user interface. They can handle loading states of multiple resources and control state loading in applications. Suspense can be used for transitions, providing a smoother user experience and allowing prioritization of important content.
Tom Pressenwurter introduces Redwood.js, a full stack app framework for building GraphQL APIs easily and maintainably. He demonstrates a Redwood.js application with a React-based front end and a Node.js API. Redwood.js offers a simplified folder structure and schema for organizing the application. It provides easy data manipulation and CRUD operations through GraphQL functions. Redwood.js allows for easy implementation of new queries and directives, including authentication and limiting access to data. It is a stable and production-ready framework that integrates well with other front-end technologies.
Redwood JS is a full stack React app framework that simplifies development and testing. It uses a directory structure to organize code and provides easy data fetching with cells. Redwood eliminates boilerplate and integrates Jest and Storybook. It supports pre-rendering and provides solutions for authentication and deployment. Redwood is a cross-client framework that allows for building web and mobile applications without duplicating work.
Construir aplicaciones web instantáneas a gran escala ha sido elusivo. Los sitios del mundo real necesitan seguimiento, análisis y interfaces y interacciones de usuario complejas. Siempre comenzamos con las mejores intenciones pero terminamos con un sitio menos que ideal. QwikCity es un nuevo meta-framework que te permite construir aplicaciones a gran escala con un rendimiento de inicio constante. Veremos cómo construir una aplicación QwikCity y qué la hace única. El masterclass te mostrará cómo configurar un proyecto QwikCity. Cómo funciona el enrutamiento con el diseño. La aplicación de demostración obtendrá datos y los presentará al usuario en un formulario editable. Y finalmente, cómo se puede utilizar la autenticación. Todas las partes básicas para cualquier aplicación a gran escala. En el camino, también veremos qué hace que Qwik sea único y cómo la capacidad de reanudación permite un rendimiento de inicio constante sin importar la complejidad de la aplicación.
La web moderna sería diferente sin aplicaciones ricas del lado del cliente respaldadas por potentes frameworks: React, Angular, Vue, Lit y muchos otros. Estos frameworks se basan en JavaScript del lado del cliente, que es su núcleo. Sin embargo, existen otros enfoques para el renderizado. Uno de ellos (bastante antiguo, por cierto) es el renderizado del lado del servidor completamente sin JavaScript. Descubramos si esta es una buena idea y cómo Remix puede ayudarnos con ello? Prerrequisitos- Buen entendimiento de JavaScript o TypeScript- Sería útil tener experiencia con React, Redux, Node.js y escribir aplicaciones FrontEnd y BackEnd- Preinstalar Node.js, npm- Preferimos usar VSCode, pero también se pueden utilizar IDE en la nube como codesandbox (otros IDE también están bien)
Construir aplicaciones utilizando tecnología web es genial; sin embargo, a veces puedes encontrar limitaciones sin importar qué marco de trabajo elijas. Durante esta masterclass, hablaremos sobre cómo elegir un marco de trabajo, problemas comunes y cómo superarlos. Tabla de contenidos- Introducción: La historia entrelazada de la Web y las aplicaciones- ¡Tantas tecnologías de aplicaciones de escritorio! ¿Cómo elijo una?- Problemas comunes y cómo pensar en las aplicaciones- Conclusión
Únete a nuestro masterclass dinámico para crear un portal de documentación impulsado por IA. Aprende a integrar ChatGPT de OpenAI con Next.js 14, Tailwind CSS y tecnología de vanguardia para ofrecer soluciones de código e resúmenes instantáneos. Esta sesión práctica te equipará con el conocimiento para revolucionar la forma en que los usuarios interactúan con la documentación, convirtiendo las búsquedas tediosas en descubrimientos eficientes e inteligentes. Aspectos destacados: - Experiencia práctica en la creación de un sitio de documentación impulsado por IA.- Comprensión de la integración de la IA en las experiencias de usuario.- Habilidades prácticas con las últimas tecnologías de desarrollo web.- Estrategias para implementar y mantener recursos de documentación inteligente. Tabla de contenidos:- Introducción a la IA en la documentación- Configuración del entorno- Construcción de la estructura de documentación- Integración de ChatGPT para documentación interactiva
Fastify es un marco de trabajo HTTP para Node.js que se enfoca en brindar una buena experiencia de desarrollo sin comprometer las métricas de rendimiento. Lo que hace especial a Fastify no son sus detalles técnicos, sino su comunidad, que está abierta a contribuciones de cualquier tipo. Parte de la fórmula secreta es la arquitectura de plugins de Fastify, que permite a los desarrolladores escribir más de cien plugins.Este masterclass práctico está estructurado en una serie de ejercicios que cubren desde lo básico, como "hola mundo", hasta cómo estructurar un proyecto, realizar acceso a bases de datos y autenticación.
Esta sesión se centrará en los bloques de construcción universales de Starbeam. Usaremos Starbeam para construir una biblioteca de datos que funcione en múltiples frameworks.Escribiremos una biblioteca que almacene en caché y actualice datos, y admita relaciones, ordenación y filtrado.En lugar de obtener datos directamente, funcionará con datos obtenidos de forma asíncrona, incluidos los datos obtenidos después de la representación inicial. Los datos obtenidos y actualizados a través de web sockets también funcionarán bien.Todas estas características serán reactivas, por supuesto.Imagina que filtras tus datos por su título y luego actualizas el título de un registro para que coincida con el filtro: cualquier resultado que dependa de los datos filtrados se actualizará para reflejar el filtro actualizado.En 90 minutos, construirás una increíble biblioteca de datos reactiva y aprenderás una nueva herramienta poderosa para construir sistemas reactivos. La mejor parte: la biblioteca funciona en cualquier framework, incluso si no piensas en (o dependes de) ningún framework al construirla. Tabla de contenidos- Almacenar un registro obtenido en una celda- Almacenar múltiples registros en un Mapa reactivo- La iteración reactiva es una iteración normal- El filtrado reactivo es un filtrado normal- Obtener más registros y actualizar el Mapa- La ordenación reactiva es una ordenación normal (¿se está volviendo un poco repetitivo?)- Modelar la invalidación de la caché como datos- Bonus: relaciones reactivas
Comments