Por qué Redwood Adoptó los Componentes del Servidor React

Rate this content
Bookmark

Redwood, un marco de aplicaciones de pila completa de código abierto, se ha volcado completamente en React y los Componentes del Servidor React. ¿Por qué? A pesar de la etapa temprana de RSC y su compleja implementación, Redwood está en una posición única para capitalizar las capacidades de RSC, permitiendo nuevas características, posibilidades y DX emocionantes.

This talk has been presented at React Summit US 2023, check out the latest edition of this React Conference.

FAQ

Sí, Redwood está totalmente comprometido con React, enfocándose en integrar y mejorar continuamente su compatibilidad y funcionalidades con este.

Sí, Redwood es un proyecto independiente y de código abierto, y es gratuito para usar.

La mejor manera de comenzar con Redwood es a través de su tutorial detallado, que funciona más como un curso completo, y participando en la comunidad a través de foros donde se comparten actualizaciones y ejemplos.

Redwood ofrece convenciones y un 'camino dorado' para el desarrollo, integración completa con GraphQL, y una experiencia de comunidad única que permite influir en la dirección del proyecto. Además, está diseñado específicamente para integrarse perfectamente con React Server Components.

Redwood es un marco de aplicaciones web de pila completa de JavaScript, que inicialmente se lanzó como una solución para el Jamstack pero que ha evolucionado para ser más amplio y robusto en funcionalidades.

Los React Server Components permiten una combinación de la carga y renderización en el servidor con la experiencia interactiva de las aplicaciones SPA. Redwood está implementando estos componentes para mejorar la eficiencia y las capacidades de sus aplicaciones.

David S. Price
David S. Price
33 min
13 Nov, 2023

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Redwood es un marco de aplicaciones web de pila completa construido con React, GraphQL y Prisma. Prioriza las convenciones y la mantenibilidad, y colabora estrechamente con el equipo de React. Redwood ofrece características de pila completa, incluyendo funcionalidad en tiempo real sin WebSockets. La Época de Bighorn es una nueva fase en el roadmap de Redwood. Redwood está emocionado por las posibilidades de los Componentes del Servidor React y quiere colaborar con la comunidad.

1. Introducción a Redwood y React

Short description:

Me toca el público después del almuerzo. Vamos a aprender sobre Redwood. Hablemos del elefante en la habitación. Algunos de ustedes no saben qué es Redwood, así que vamos a abordar eso. También vamos a hablar mucho sobre RSCs. Estoy en el equipo de liderazgo de Redwood. Nos encanta ayudar a las personas a tener éxito. React Server Components definitivamente está haciendo eso por Redwood. Redwood está totalmente comprometido con React. Hay mucho por venir. Estamos realmente emocionados con lo que está sucediendo con React.

Me toca el público después del almuerzo. Y eso es porque voy a hacer que seas interactivo. Vamos a pasar un buen rato. Vamos a aprender sobre Redwood.

Hablemos del elefante en la habitación. Algunos de ustedes no saben qué es Redwood, así que vamos a abordar eso. También vamos a hablar mucho sobre RSCs. Estoy en el equipo de liderazgo de Redwood. Mencioné un par de cosas que hago. Y la parte más importante del tema que une otras cosas es que amo, y los equipos con los que trabajo, nos encanta ayudar a las personas a tener éxito. Nos encanta ayudar a otros a tener éxito, para que eso pueda hacer que el Proyecto Redwood tenga éxito. Y eso es mucho de lo que estamos haciendo. Y React Server Components definitivamente está haciendo eso por Redwood. Y también esperamos que podamos avanzar algunas cosas con React Server Components. Pero primero, vamos a cortar por lo sano aquí. ¿Estamos obteniendo el... Ahí vamos. Voy a ir al grano. En realidad, voy a decirte el punto antes de hacer ninguna presentación, porque quién sabe qué va a pasar realmente después? Todo lo que necesitas recordar es que Redwood está totalmente comprometido con React. Así que todo lo que estoy a punto de hablar, el resumen al final es que estamos totalmente comprometidos con React, y hay mucho por venir. Estamos realmente emocionados con lo que está sucediendo con React, y eso es donde Red... Debido a donde React está yendo, eso es a donde va Redwood.

2. Tu viaje con React

Short description:

Tu viaje con React. Esto requerirá un poco de participación del público. Reflexiona sobre ese momento en tu viaje con React en el que sentiste posibilidad creativa. El ecosistema de JavaScript nos emociona sobre lo que es posible.

Muy bien. Aquí vamos. Parte interactiva. Muy bien. Tu viaje con React. Así que esto requerirá un poco de participación del público. Es cierto que en realidad no puedo ver a ninguno de ustedes en este momento debido a la luz brillante, así que no sabré si están participando, pero podré escuchar, y será divertido, vamos a pasar un buen rato. Así que si puedes recordar hace mucho tiempo, quiero que reflexiones sobre ese momento en tu viaje con React muy al principio donde podrías haber sentido esa posibilidad creativa. ¿Verdad? JavaScript ecosistema, nos encantan este tipo de cosas, nos emocionamos mucho con las cosas brillantes. ¿Por qué? Porque nos emociona lo que es posible. Así que piensa mucho atrás.

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

De GraphQL Zero a GraphQL Hero con RedwoodJS
GraphQL Galaxy 2021GraphQL Galaxy 2021
32 min
De GraphQL Zero a GraphQL Hero con RedwoodJS
Top 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.
RedwoodJS: El marco de aplicación React Full-Stack de tus sueños
React Summit Remote Edition 2021React Summit Remote Edition 2021
43 min
RedwoodJS: El marco de aplicación React Full-Stack de tus sueños
Top Content
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.
Estudio de caso: Construcción de componentes React reutilizables accesibles en GitHub
React Summit 2024React Summit 2024
29 min
Estudio de caso: Construcción de componentes React reutilizables accesibles en GitHub
The talk discusses building accessible React components and emphasizes the importance of using the correct HTML elements and ARIA roles for accessibility. It explains how to navigate and select options within a form and how to add supplementary text using Aria described by. The speaker also discusses the benefits of using conditional checkboxes and ARIA disabled to improve the UI. Additionally, the talk explores the role of JavaScript in web accessibility and provides recommendations for testing website accessibility.
React Server Components en Aplicaciones de IA
React Advanced 2024React Advanced 2024
17 min
React Server Components en Aplicaciones de IA
Today we will discuss React server components with AI and how to build a better search experience using them. We will learn how to make a Next.js app AI-enabled using the Vercel AI SDK. The Vercel AI SDK's streamUI function with the GPT 4.0 model will be used to make suggestions interactive. We will explore the use of history and conversation in AI and how to continue the conversation and read the result. The concept of generative UI with the vector database will be introduced, along with querying the database for movies. We will process user queries and return movies based on them. The power of React server components in enhancing UI will be demonstrated. In summary, the Talk covers vector embeddings, natural language search, and generative UI.
Composición vs Configuración: Cómo Construir Componentes Flexibles, Resilientes y a Prueba de Futuro
React Summit 2022React Summit 2022
17 min
Composición vs Configuración: Cómo Construir Componentes Flexibles, Resilientes y a Prueba de Futuro
Top Content
Today's Talk discusses building flexible, resilient, and future-proof React components using composition and configuration approaches. The composition approach allows for flexibility without excessive conditional logic by using multiple components and passing props. The context API can be used for variant styling, allowing for appropriate styling and class specification. Adding variants and icons is made easy by consuming the variant context. The composition and configuration approaches can be combined for the best of both worlds.
El componente de React más caro del mundo y cómo dejar de escribirlo
React Advanced 2021React Advanced 2021
23 min
El componente de React más caro del mundo y cómo dejar de escribirlo
Top Content
Today's Talk discusses expensive React components and API design, with a focus on the cost of coordination and overcoming imposter syndrome. The speaker shares a story about a cat trying to fix salted coffee, highlighting the importance of finding simple solutions. The billion dollar component on ReactJS.org is examined as an example of an expensive component. Techniques for customizing messages, improving accessibility, and using polymorphic props are discussed. The Talk concludes by emphasizing the cost of communication and the need to evaluate if props and components are the right tools for the job.

Workshops on related topic

Práctica con la Rejilla de Datos React de AG Grid
React Summit 2022React Summit 2022
147 min
Práctica con la Rejilla de Datos React de AG Grid
Top Content
WorkshopFree
Sean Landsman
Sean Landsman
Comienza con la Rejilla de Datos React de AG Grid con un tutorial práctico del equipo central que te llevará a través de los pasos para crear tu primera rejilla, incluyendo cómo configurar la rejilla con propiedades simples y componentes personalizados. La edición comunitaria de AG Grid es completamente gratuita para usar en aplicaciones comerciales, por lo que aprenderás una herramienta poderosa que puedes agregar inmediatamente a tus proyectos. También descubrirás cómo cargar datos en la rejilla y diferentes formas de agregar renderizado personalizado a la rejilla. Al final de la masterclass, habrás creado una Rejilla de Datos React de AG Grid y personalizado con componentes React funcionales.- Comenzando e instalando AG Grid- Configurando ordenación, filtrado, paginación- Cargando datos en la rejilla- La API de la rejilla- Usando hooks y componentes funcionales con AG Grid- Capacidades de la edición comunitaria gratuita de AG Grid- Personalizando la rejilla con Componentes React
Practica Técnicas de TypeScript Construyendo una Aplicación con Componentes de Servidor React
TypeScript Congress 2023TypeScript Congress 2023
131 min
Practica Técnicas de TypeScript Construyendo una Aplicación con Componentes de Servidor React
Workshop
Maurice de Beijer
Maurice de Beijer
En esta masterclass práctica, Maurice te guiará personalmente a través de una serie de ejercicios diseñados para empoderarte con una profunda comprensión de los Componentes de Servidor React y el poder de TypeScript. Descubre cómo optimizar tus aplicaciones, mejorar el rendimiento y desbloquear nuevas posibilidades.
 
Durante la masterclass, realizarás:
- Maximizar la mantenibilidad y escalabilidad del código con prácticas avanzadas de TypeScript
- Desatar los beneficios de rendimiento de los Componentes de Servidor React, superando enfoques tradicionales
- Potenciar tu TypeScript con el poder de los Tipos Mapeados
- Hacer tus tipos TypeScript más seguros con Tipos Opacos
- Explorar el poder de los Tipos de Plantillas Literales al usar Tipos Mapeados
 
Maurice estará virtualmente a tu lado, ofreciendo una guía completa y respondiendo a tus preguntas mientras navegas por cada ejercicio. Al final de la masterclass, habrás dominado los Componentes de Servidor React, armado con un nuevo arsenal de conocimientos de TypeScript para potenciar tus aplicaciones React.
 
No pierdas esta oportunidad de elevar tu experiencia en React a nuevas alturas. Únete a nuestra masterclass y desbloquea el potencial de los Componentes de Servidor React con TypeScript. Tus aplicaciones te lo agradecerán.
De la Idea a la Producción: Desarrollo de React con un Toque Visual
React Summit 2023React Summit 2023
31 min
De la Idea a la Producción: Desarrollo de React con un Toque Visual
WorkshopFree
Omer Kenet
Omer Kenet
Únete a nosotros para un masterclass de 3 horas que explora el mundo del desarrollo creativo de React utilizando Codux. Los participantes explorarán cómo un enfoque visual puede desbloquear la creatividad, agilizar los flujos de trabajo y mejorar la velocidad de desarrollo. Sumérgete en las características que hacen de Codux un cambio de juego para los desarrolladores de React. La sesión incluirá ejercicios prácticos que demuestran el poder de la renderización en tiempo real, la manipulación visual del código y el aislamiento de componentes, todo en tu código fuente.
Tabla de contenidos:- Descarga e instalación: Preparando Codux para el masterclass- Selector de proyectos: Clonación e instalación de un proyecto de demostración- Introducción a los conceptos principales de Codux y su interfaz de usuario- Ejercicio 1: Encontrando nuestro camino- Descanso- Ejercicio 2: Realizando cambios de manera efectiva- Ejercicio 3: Reutilización y validación de casos especiales- Resumen, Cierre y Preguntas y Respuestas
Curso intensivo de TypeScript para contenido de un CMS sin cabeza
React Summit 2022React Summit 2022
98 min
Curso intensivo de TypeScript para contenido de un CMS sin cabeza
WorkshopFree
Ondrej Polesny
Ondrej Polesny
En este masterclass, primero te mostraré cómo crear un nuevo proyecto en un CMS sin cabeza, llenarlo con datos y usar el contenido en tu proyecto. Luego, pasaremos el resto del tiempo en código, haremos lo siguiente:- Generar modelos y estructuras de tipo fuertemente tipados para el contenido obtenido.- Usar el contenido en componentes- Resolver contenido de campos de texto enriquecido en componentes de React- Tocar los pipelines de implementación y las posibilidades de descubrir problemas relacionados con el contenido antes de llegar a producción
Aprenderás:- Cómo trabajar con contenido de un CMS sin cabeza- Cómo se puede aprovechar el modelo de contenido para generar tipos en TypeScript y qué beneficios aporta a tu proyecto- Cómo dejar de usar literales de cadena para el contenido en el código- Cómo resolver texto enriquecido en componentes de React- Cómo minimizar o evitar problemas relacionados con el contenido antes de llegar a producción