Todo lo que necesitas saber sobre los documentos de React actualizados

Todo lo que necesitas saber sobre los documentos de React actualizados - Codelivly

Noticias emocionantes en el mundo de React: después de años de arduo trabajo y refinamiento, el antiguo React Docs Beta se ha promovido a la documentación oficial de React y ahora está disponible en react.dev.

Con esto, los documentos originales se han degradado a legado, aunque aún se puede acceder a ellos en legacy.rectjs.org.

Índice
  1. Historia
  2. ¿Qué hay de nuevo?
    1. Hooks y componentes funcionales predeterminados
    2. Demostraciones y desafíos interactivos
    3. Crear una aplicación React ya no es la norma
    4. Los marcos son la recomendación oficial.
    5. Nuevo nombre de dominio
    6. Nuevo color de la marca?
  3. Tener ganas de
    1. Comentario
    2. Un futuro emocionante

Historia

El proyecto React Docs Beta se lanzó por primera vez a fines de octubre de 2021, dirigido por raquel nabours Y dan abramov, con el objetivo de actualizar la documentación React existente para reflejar nuevas formas de escribir React. Esto se centró principalmente en el uso de Hooks (que se introdujeron como parte de React 16.8, lanzado en febrero de 2019) y el cambio asociado para favorecer los componentes funcionales sobre los componentes de clase.

Anteriormente, la documentación oficial de React era un componente de clase, porque esa era la única forma de escribir componentes con estado. Sin embargo, la introducción de Hooks - el useState() gancho, en particular, permitió que los componentes funcionales también administraran el estado. Desde entonces, ha habido muchos debates sobre si Hooks fue el movimiento correcto y si lograron o no el objetivo de simplificar el estado y la gestión estatal. De cualquier manera, la introducción de Hooks cambió drásticamente la forma en que escribimos React. Para diferenciar entre el antes y el después de este desarrollo, muchos tutoriales y artículos de React (incluida la introducción a los nuevos documentos oficiales de React) generalmente se refieren a la era posterior a Hooks como Reacción “moderna”.

Sin embargo, esto puso a los nuevos estudiantes de React en una posición difícil. Hubo una gran cantidad de escritos y orientación sobre la migración de componentes de clase y la gestión estatal tradicional a componentes y ganchos funcionales. Sin embargo, las personas que aprenden React por primera vez han descubierto que no existe una documentación sólida que enseñe Hooks desde cero. Con el tiempo, los documentos oficiales de React se han vuelto más obsoletos y difíciles de usar.

¿Qué hay de nuevo?

Hooks y componentes funcionales predeterminados

El mayor cambio en la nueva documentación es pasar a una opinión fuerte sobre el uso de Hooks y enseñar componentes funcionales como un enfoque estándar para escribir React moderno – con la rara excepción de los pocos casos de uso restantes en los que todavía se necesitan componentes de clase. De lo contrario, los componentes de clase (aunque aún se admiten) se han designado oficialmente como "heredados".

Demostraciones y desafíos interactivos

Los nuevos documentos tienen aumentó significativamente el número de ejemplos de código interactivo, así como nuevos retos para que practiques lo que acabas de aprender y pongas a prueba tus conocimientos. Hay más de 600 nuevas muestras de códigos interactivos, sandboxes y demostraciones, todos los cuales se pueden bifurcar para abrir en codesandbox.io para cambios más grandes y extensos o para adaptarlo fácilmente para usarlo en su propio trabajo. Esto, junto con la adición de más ilustraciones y diagramas, se hizo con la esperanza de hacer que los documentos de React fueran más fáciles de usar y de entender.

Crear una aplicación React ya no es la norma

Uno de los cambios más notados en la documentación es la eliminación de Crear una aplicación React (CRA), La herramienta oficial de configuración rápida de React, mantenida por Facebook, en la sección Instalación de la nueva documentación. Los documentos antiguos habían recomendado ARC como "la mejor manera de comenzar a crear una nueva aplicación de una sola página en React".

Ha habido varias llamadas recientemente para eliminar la recomendación ARC, quizás la más notable del popular YouTuber Theo (t3.gg) cuya solicitud de extracción en el proyecto reactjs recomendaba reemplazar ARC con Vite atrajo mucha atención. Esto ha generado fuertes críticas a CRA, incluida la falta percibida de características (como soporte nativo para TypeScript o la popular biblioteca CSS Tailwind), tamaño, rendimiento y más.

En última instancia, sin embargo, hay un hecho decisivo sobre el ARC que no se puede ignorar: ya no se mantiene activamente. Con 1.5000 problemas actuales sin resolver, más de 400 relaciones públicas abiertas y la última versión con más de un año de antigüedad, ARC puede considerarse un proyecto muerto con seguridad.

Los marcos son la recomendación oficial.

Para los usuarios que crean nuevas aplicaciones o sitios completamente en React, documentos actualizados ahora recomienda React frameworks incluidos Next.js, Remix, Gatsby y Expo para React Native. En una sección "Inmersión profunda" en la que se puede hacer clic para expandir, creen oficialmente que usar un marco es la mejor manera de construir con React. Señalan, sin embargo, que existen opciones como Quick o Parcel para quienes "les gusta andar [their] propia configuración personalizada, no podemos detenerlo, ¡adelante!".

Esta es una diferencia notable con respecto a los documentos heredados, que ofrecían una oración de descripción rápida para Next.js y Gatsby, pero se enfocaban en gran medida en ARC como el enfoque recomendado.

Nuevo nombre de dominio

La documentación ahora heredada estaba originalmente en reactjs.org; esto ahora redirige al nuevo dominio react.dev. Cuando los nuevos documentos aún estaban en versión beta, estaban alojados en beta.reactjs.org, que ahora también redirige a react.dev. La documentación original aún se puede encontrar, para quienes la necesiten, en legacy.reactjs.org. Esto se hizo para comenzar de nuevo y establecer una separación clara entre la documentación actual y la antigua.

Nuevo color de la marca?

Una actualización menos crucial (pero aún interesante): un usuario de Twitter con ojos agudos (@borekb) señaló que el icónico color de la marca verde azulado que se asocia históricamente con React ha cambiado ligeramente en la nueva documentación. (Ahora) Los documentos heredados usaban anteriormente el color ligeramente más brillante #61dafbmientras que este usuario notó que la nueva documentación usa #0a7ea4. Sin embargo, también cavé, ¡y en realidad hay mucho más!

Ademas de #0a7ea4los nuevos documentos *también* usar #149eca como "React blue" - un tono verde azulado ligeramente más brillante que está más cerca del original. Cuál de estos elementos se usa depende de si el sitio está en modo claro u oscuro, como podemos ver en este fragmento que extraje de su CSS a través de la herramienta de inspección.

Según esta información (sin saber el motivo real), asumo que los colores se han ajustado ligeramente por motivos de accesibilidad. El color de fondo principal del modo oscuro es #23272F, contra el cual el color más claro pasará una prueba de contraste de color, mientras que el color más oscuro no. Por otro lado, el verde azulado más oscuro pasa una prueba de contraste de color contra un fondo blanco, mientras que el color más claro no. En base a esto, asumo que los colores se han cambiado del original para que sean lo más accesibles posible en los nuevos documentos. ¡Felicitaciones al equipo de React por su atención a la accesibilidad!

Tener ganas de

Al igual que con toda la documentación, la documentación de React está en constante evolución y desarrollo. EL La publicación de blog "Presentación de react.dev" enumera varias características nuevas que podemos esperar en un futuro cercano, incluidas muestras de TypeScript, una guía de accesibilidad actualizada, traducciones de idiomas ampliadas y más.

Comentario

¿Tienes alguna opinión sobre el nuevo documento? El equipo de React tiene varias formas de ofrecer comentarios:

Un futuro emocionante

Soy de la opinión personal de que estos nuevos documentos son una enorme triunfo para el equipo de React y una mejora masiva con respecto a las ofertas heredadas. Están bien diseñados, son fáciles de leer y, en general, son increíblemente fáciles de usar. Es una pena que les haya llevado tanto tiempo sentirse cómodos eliminando la etiqueta beta y transicionando este gran recurso nuevo a la documentación oficial de React, ¡pero más vale tarde que nunca!

El blog de introducción dice: "Creemos que nunca ha habido un mejor momento para aprender React". ¡Me inclino a estar de acuerdo! Espero que estos nuevos y fantásticos materiales traigan consigo una avalancha de nuevos y entusiastas estudiantes. ¡Aquí hay otros 10 años de React!

¿Qué opinas del nuevo documento? ¿Te alegró ver la eliminación de la aplicación Create React? ¿Quieres besar a Hooks? ¡Házmelo saber en los comentarios!

Perfil del autor: https://dev.to/kathryngrayson

Si quieres conocer otros artículos parecidos a Todo lo que necesitas saber sobre los documentos de React actualizados puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas