Charla sobre Remix

Rate this content
Bookmark

FAQ

La función favorita de Chance de Remix es el diseño modular, que facilita la compatibilidad con múltiples frameworks de renderizado y admite cualquier tiempo de ejecución.

La integración con Shopify permite a Remix probar sus diseños e ideas iniciales a través de una de las plataformas de e-commerce más grandes del mundo, obteniendo datos valiosos que fortalecen y hacen más resilientes sus características y diseños futuros.

Remix mantiene su enfoque en código abierto implementando un proceso de RFC abierto, permitiendo que cualquier persona pueda enviar solicitudes de funciones y contribuir en las discusiones de nuevas características.

Algunas características nuevas incluyen la capacidad de manejar promesas en las respuestas de los cargadores y acciones, soporte para CSS modules y vanilla extract, y una API de metadatos de ruta mejorada.

Hydrogen proporcionará retroalimentación y ideas valiosas a Remix, pero no se convertirá en un producto de Hydrogen. La relación permitirá a ambos equipos lanzar productos sólidos y beneficiarse mutuamente.

La versión 2 de Remix incluirá cambios en la API de metadatos de ruta y ofrecerá un camino de migración suave e incremental para los usuarios, desde la versión 1 a la versión 2.

Sí, Remix está trabajando hacia ser independiente del framework, aprovechando las innovaciones en React Router 6.4 para separar la lógica central del framework específico, permitiendo potencialmente adaptadores para otros frameworks como Vue o Svelte.

Chance Strickland
Chance Strickland
28 min
18 Nov, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Remix es un proyecto de código abierto con un diseño modular y una excelente historia de mutación. Se beneficia de ser parte de Shopify y tiene un proceso RFC abierto para solicitudes de funciones. Remix está influenciado por el equipo de Hydrogen y planea trabajar en estrecha colaboración con ellos. Las características emocionantes incluyen la capacidad de enviar promesas en las respuestas y el soporte para soluciones de estilo. La versión 2 de Remix tendrá una hoja de ruta y será independiente del marco de trabajo. La colaboración con React en los componentes del servidor es importante. Se fomentan las transmisiones en vivo y las discusiones comunitarias. La filosofía de diseño se centra en los estándares web y en simplificar el código. Remix prioriza el lado del servidor pero también considera la generación estática. En general, Remix simplifica el código y elimina la complejidad.

Available in English: Fire-side chat on Remix

1. Introducción a Remix y sus beneficios

Short description:

Todos estamos bien. Muchas gracias por unirse a nosotros en esta charla junto al fuego. Una de mis cosas favoritas de Remix es su diseño modular. La capacidad de enviar tu aplicación en cualquier tiempo de ejecución es una característica realmente impresionante. La historia de mutación en Remix es excelente. El mayor beneficio de que Remix sea parte de Shopify es la capacidad de probar preguntas e ideas de diseño a través de los grandes sitios de comercio electrónico de Shopify. Aún somos un proyecto de código abierto y estamos enfocados en la historia de código abierto de Remix. Hemos implementado un proceso de RFC abierto para solicitudes de funciones y discusiones.

Muy bien, hola Chance, ¿cómo estás? Hola, Brittany, estoy bien. ¿Cómo estás? ¿Cómo estás, Paul? Hola, genial verte. Increíble. Todos estamos bien. Muchas gracias por unirse a nosotros en esta charla junto al fuego.

Hemos estado preguntando a todos nuestros oradores, sé que no tienes una charla pero también quiero preguntarte, le preguntamos a la audiencia al principio, cuál es su función favorita de Remix. Entonces, ¿cuál es tu función favorita de Remix? Oh, y eso es, ¿cómo respondes a esa pregunta cuando, como, trabajas en todo? Dices todas las cosas.

Todas las cosas, sí. No, en serio, creo que una de mis favoritas – No sé si llamarlo función, pero una de mis cosas favoritas de Remix es simplemente el diseño modulardesign en el que comenzamos. La forma en que está diseñado, creo, es realmente – es realmente útil para algunos de nuestros objetivos a largo plazo de ser – compatible con múltiples frameworks de renderizado. Y nuestros objetivos actuales de admitir cualquier tiempo de ejecución, ¿verdad? Puedes descomponerlo en partes, diferentes niveles de abstracción y enviarlo a cualquier lugar, lo cual creo que es genial. Sí, supongo que la capacidad de enviar tu aplicación en cualquier tiempo de ejecución es una característica realmente impresionante. No tienes que preocuparte demasiado por que no admitamos tu tiempo de ejecución porque estamos construidos sobre web standards, ¿verdad? Mientras tu tiempo de ejecución esté construido sobre web standards, puedes enviar Remix, ¿verdad? Y realmente me encanta eso. En cuanto a características individuales, tengo que decir que la historia de mutación en Remix es excelente, como poder obtener data de tus acciones inmediatamente después de usar interacciones sin tener que gestionar internamente ese estado. Creo que es un superpoder. Realmente disfruto trabajar con eso. Sí, esa es una gran respuesta. Sí, eso es increíble.

Mi primera pregunta sería cuál dirías que es el mayor beneficio para Remix ahora que es parte de Shopify. Sí, no, esa es una gran pregunta. Y es una pregunta que creo que todos nos estábamos haciendo internamente al comienzo del proceso. Y ahora que hemos tenido algo de tiempo para que se asiente, estoy muy emocionado al respecto. Creo que va a ser muy importante para nosotros poder probar algunas de nuestras preguntas de diseño y nuestras ideas y características iniciales a través de Shopify, que gestiona algunos de los sitios de e-commerce más grandes del mundo, eso va a ser datos invaluables para nosotros, y realmente nos ayudará a hacer muchas de nuestras características y nuestras intenciones y nuestros diseños futuros serán mucho más resistentes y a prueba de balas porque vamos a poder probar esas cosas internamente a través de Shopify y obtener muchos comentarios antes de tener que preocuparnos por hacer públicas estas cosas. Ahora, todavía somos un proyecto de código abierto. De hecho, creo que uno de nuestros mayores objetivos desde que nos unimos a Shopify es enfocarnos mucho más en el lado de código abierto de lo que tal vez lo hayamos hecho en el pasado. Y así, recientemente hemos implementado un proceso de RFC abierto donde las personas pueden ir al repositorio de Remix y enviar RFC, enviar solicitudes de funciones que pasen por un proceso y debatimos eso internamente. Y eso también es cierto para todas nuestras discusiones internas. Cualquier función que queramos introducir en Remix, incluso internamente, ahora estamos aplicando este proceso de RFC y se hace todo de manera abierta. Así que solo porque somos parte de Shopify, realmente seguimos enfocados en la historia de código abierto de Remix. Y creo que va a ser realmente genial poder obtener comentarios y una gran cantidad de uso en producción del equipo de Shopify, pero también poder desarrollar de manera abierta y pública, creo que sigue siendo muy, muy importante para nosotros.

2. Influencia de Hydrogen en Remix

Short description:

Absolutamente. Es increíble que nos permitan seguir trabajando de forma abierta y mantener esa sensación de comunidad que conocemos en Remix y poder contribuir de vuelta a él. Nuestra intención es trabajar muy de cerca con el equipo de Hydrogen para ayudarles a lanzar productos realmente sólidos para sus usuarios. Esa retroalimentación es muy valiosa y sin duda nos influirá a largo plazo. Somos una combinación natural para lo que ya están haciendo.

Absolutamente. Es increíble que nos permitan seguir trabajando de forma abierta y mantener esa comunidad que conocemos en Remix y poder contribuir de vuelta a él. ¿Crees que Hydrogen va a influir en alguna de las características de Remix ahora que estás trabajando junto a él? Sí, creo que absolutamente. En términos de simplemente, una vez más, la capacidad de ese equipo para proporcionar ideas y retroalimentación hacia nosotros, creo que eso en sí mismo es muy valioso. Y sin duda nos influirá. Pero en cuanto a convertirnos en un producto de Hydrogen o Shopify, eso no está en nuestros planes. Eso no es parte del plan. Nunca fue parte de la historia. Y no es así como vamos a seguir adelante con esto. Todavía somos muy Remix. Somos lo que éramos cuando comenzamos y nos unimos a Shopify. Y ellos invirtieron en nosotros porque creen en esa visión. Y creen que Hydrogen se beneficiará de Remix, al igual que Remix se beneficiará del uso en Hydrogen. Así que nuestra intención es trabajar muy de cerca con el equipo de Hydrogen para ayudarles a lanzar productos realmente sólidos para sus usuarios. Y todavía somos una capa separada de eso. Pero sí, esa retroalimentación es muy valiosa y sin duda nos influirá a largo plazo. Pero creo que somos una combinación natural para lo que ya están haciendo. Así que en mi opinión, es realmente una gran combinación.

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

Construyendo Mejores Sitios Web con Remix
React Summit Remote Edition 2021React Summit Remote Edition 2021
33 min
Construyendo Mejores Sitios Web con Remix
Top Content
Remix es un nuevo marco de trabajo web de los creadores de React Router que te ayuda a construir mejores y más rápidos sitios web a través de una sólida comprensión de los fundamentos de la web. Remix se encarga de las tareas pesadas como la renderización del servidor, la división de código, la precarga y la navegación, y te deja con la parte divertida: ¡construir algo increíble!
No resuelvas problemas, elimínalos
React Advanced Conference 2021React Advanced Conference 2021
39 min
No resuelvas problemas, elimínalos
Top Content
Los humanos son solucionadores de problemas naturales y somos lo suficientemente buenos en eso que hemos sobrevivido a lo largo de los siglos y nos hemos convertido en la especie dominante del planeta. Debido a que somos tan buenos en eso, a veces también nos convertimos en buscadores de problemas, buscando problemas que podemos resolver. Aquellos que logran sus objetivos de la manera más exitosa son los eliminadores de problemas. Hablemos de la distinción entre resolver y eliminar problemas con ejemplos de dentro y fuera del mundo de la codificación.
Escalando con Remix y Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Escalando con Remix y Micro Frontends
Top Content
¿Tienes un producto grande construido por muchos equipos? ¿Estás luchando para lanzar a menudo? ¿Se convirtió tu frontend en un monolito inmantenible masivo? Si, como yo, has respondido sí a cualquiera de esas preguntas, ¡esta charla es para ti! Te mostraré exactamente cómo puedes construir una arquitectura de micro frontend con Remix para resolver esos desafíos.
Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
Remix es un marco de trabajo web que te ofrece el modelo mental simple de una aplicación de múltiples páginas (MPA) pero el poder y las capacidades de una aplicación de una sola página (SPA). Uno de los grandes desafíos de las SPA es la gestión de la red que resulta en una gran cantidad de indirecciones y código defectuoso. Esto es especialmente notable en el estado de la aplicación que Remix elimina por completo, pero también es un problema en los componentes individuales que se comunican con un punto final de backend de un solo propósito (como una búsqueda de combobox, por ejemplo).
En esta charla, Kent demostrará cómo Remix te permite construir componentes de interfaz de usuario complejos que están conectados a un backend de la manera más simple y poderosa que hayas visto. Dejándote tiempo para relajarte con tu familia o lo que sea que hagas para divertirte.
Remix Flat Routes – Una Evolución en el Enrutamiento
Remix Conf Europe 2022Remix Conf Europe 2022
16 min
Remix Flat Routes – Una Evolución en el Enrutamiento
Top Content
Esta charla presenta la nueva convención Flat Routes que probablemente será la predeterminada en una futura versión de Remix. Simplifica la convención existente y también te brinda nuevas capacidades.
Patrones de Arquitectura Remix
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Patrones de Arquitectura Remix
Top Content
Remix ofrece una increíble flexibilidad y puede ser desplegado en cualquier lugar donde se ejecute JavaScript. Pero, ¿cómo encaja Remix en el panorama de aplicaciones más amplio de una organización? Remix proporciona una gran utilidad, pero ¿cómo aprovecharla al máximo? ¿Qué cosas deberían manejarse dentro de Remix y qué cosas serían mejor hacer en otro lugar? ¿Deberíamos usar el adaptador express para agregar un servidor WebSocket o debería ser un microservicio independiente? ¿Cómo integrarán las organizaciones empresariales Remix en sus pilas actuales? ¡Hablemos de patrones de arquitectura! En esta charla, quiero compartir mis pensamientos sobre cómo integrar mejor Remix en una pila (empresarial) más grande.

Workshops on related topic

Fundamentos de Remix
React Summit 2022React Summit 2022
136 min
Fundamentos de Remix
Top Content
Featured WorkshopFree
Kent C. Dodds
Kent C. Dodds
Construir aplicaciones web modernas está lleno de complejidad. Y eso solo si te molestas en lidiar con los problemas
¿Cansado de conectar onSubmit a las API del backend y asegurarte de que tu caché del lado del cliente se mantenga actualizada? ¿No sería genial poder utilizar la naturaleza global de CSS en tu beneficio, en lugar de buscar herramientas o convenciones para evitarla o trabajar alrededor de ella? ¿Y qué te parecería tener diseños anidados con una gestión de datos inteligente y optimizada para el rendimiento que simplemente funciona™?
Remix resuelve algunos de estos problemas y elimina completamente el resto. Ni siquiera tienes que pensar en la gestión de la caché del servidor o en los conflictos del espacio de nombres global de CSS. No es que Remix tenga APIs para evitar estos problemas, simplemente no existen cuando estás usando Remix. Ah, y no necesitas ese enorme y complejo cliente graphql cuando estás usando Remix. Ellos te tienen cubierto. ¿Listo para construir aplicaciones más rápidas de manera más rápida?
Al final de esta masterclass, sabrás cómo:- Crear Rutas de Remix- Estilizar aplicaciones de Remix- Cargar datos en los cargadores de Remix- Mutar datos con formularios y acciones
De vuelta a las raíces con Remix
React Summit 2023React Summit 2023
106 min
De vuelta a las raíces con Remix
Featured Workshop
Alex Korzhikov
Pavlik Kiselev
2 authors
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)
Cómo Resolver Problemas del Mundo Real con Remix
Remix Conf Europe 2022Remix Conf Europe 2022
195 min
Cómo Resolver Problemas del Mundo Real con Remix
Featured Workshop
Michael Carter
Michael Carter
- ¿Errores? Cómo renderizar y registrar tus errores del servidor y del clientea - Cuándo devolver errores vs lanzar excepcionesb - Configurar servicios de registro como Sentry, LogRocket y Bugsnag- ¿Formularios? Cómo validar y manejar formularios de varias páginasa - Usar zod para validar los datos del formulario en tu acciónb - Pasar por formularios de varias páginas sin perder datos- ¿Atascado? Cómo solucionar errores o funciones faltantes en Remix para que puedas continuara - Usar patch-package para solucionar rápidamente tu instalación de Remixb - Mostrar herramienta para gestionar múltiples parches y seleccionar solicitudes de extracción abiertas- ¿Usuarios? Cómo manejar aplicaciones de varios inquilinos con Prismaa - Determinar el inquilino por el host o por el usuariob - Base de datos múltiples o base de datos única/múltiples esquemasc - Asegura que los datos del inquilino siempre estén separados de los demás
Construye y lanza un blog personal usando Remix y Vercel
Remix Conf Europe 2022Remix Conf Europe 2022
156 min
Construye y lanza un blog personal usando Remix y Vercel
Featured Workshop
Robert Pop
Robert Pop
En este masterclass aprenderemos cómo construir un blog personal desde cero usando Remix, TailwindCSS. El blog será alojado en Vercel y todo el contenido será servido dinámicamente desde un repositorio separado en GitHub. Utilizaremos HTTP Caching para las publicaciones del blog.
Lo que queremos lograr al final del masterclass es tener una lista de nuestras publicaciones de blog mostradas en la versión desplegada del sitio web, la capacidad de filtrarlas y leerlas individualmente.
Tabla de contenidos:- Configurar un proyecto de Remix con una pila predefinida- Instalar dependencias adicionales- Leer contenido desde GitHub- Mostrar contenido desde GitHub- Analizar el contenido y cargarlo en nuestra aplicación usando mdx-bundler- Crear una página separada para las publicaciones de blog para mostrarlas de forma independiente- Agregar filtros a la lista inicial de publicaciones de blog
Construyendo Tiendas Online de Alto Rendimiento con Shopify Hydrogen y Remix
React Advanced Conference 2023React Advanced Conference 2023
104 min
Construyendo Tiendas Online de Alto Rendimiento con Shopify Hydrogen y Remix
WorkshopFree
Alexandra Spalato
Alexandra Spalato
I. Introducción- Visión general de Shopify Hydrogen y Remix- Importancia del comercio electrónico sin cabeza y su impacto en la industria
II. Configurando Shopify Hydrogen- Instalando y configurando Hydrogen con Remix- Configurando la estructura del proyecto y los componentes
III. Creando Colecciones y Productos- Creando colecciones y productos utilizando los componentes React de Hydrogen- Implementando un Carrito de Compras- Construyendo un carrito de compras utilizando los componentes incorporados de Hydrogen
VI. Construyendo la página de inicio con Storyblok- Clonando el espacio y explicando cómo funciona- Implementando Storyblok en el repositorio- Creando los componentes Blok- Creando los componentes Shopify- Implementando personalización
Construyendo una aplicación en tiempo real con Remix y Supabase
Remix Conf Europe 2022Remix Conf Europe 2022
156 min
Construyendo una aplicación en tiempo real con Remix y Supabase
Workshop
Jon Meyers
Jon Meyers
Supabase y Remix hacen que sea fácil construir aplicaciones fullstack. En este masterclass, vamos a aprender cómo usar Supabase para implementar autenticación y autorización en una aplicación en tiempo real con Remix. Únete a Jon Meyers mientras construye esta aplicación desde cero y demuestra cómo puedes aprovechar el poder de las bases de datos relacionales!