Project Details
The relay is the new project that i want translation, but what is relay?
Relay is a JavaScript framework for building data-driven React applications.
Declarative: Never again communicate with your data store using an imperative API. Simply declare your data requirements using GraphQL and let Relay figure out how and when to fetch your data.
Colocation: Queries live next to the views that rely on them, so you can easily reason about your app. Relay aggregates queries into efficient network requests to fetch only what you need.
Mutations: Relay lets you mutate data on the client and server using GraphQL mutations, and offers automatic data consistency, optimistic updates, and error handling. - Relay Github
I have invited all the people who can help this project because there are many languages that have not yet been translated, there is still a lot of work to be done.
Profiles
https://facebook.github.io/relay/
https://code.facebook.com/projects/631039950383301/relay/
https://crowdin.com/project/relay
https://github.com/facebook/relay
https://crowdin.com/project/relay/es-ES#
My profile
I quote because from the university I was taught to investigate and give credit to the people who deserve it and same to the creator
Links related to the translation
Source Language
English
Translated Language
Spanish
Number Of Words
10678(8779 other people / my 1346) - 30125
Number of words translated on this contribution: 1346
Proofread Words
0
Previous translation on the same project
This is the first
Number of words translated on the project before this report (if any): 0
Sample
Obteniendo datos para una vista
En nuestra experiencia, la abrumadora mayoría de los productos quieren un comportamiento específico: obtener todos los datos para una jerarquía de vistas mientras se muestra un indicador de carga, y luego mostrar la vista completa una vez los datos están listos.
Una solución es hacer que un componente raíz obtenga los datos de todos sus hijos. Sin embargo, esto introduciría el acoplamiento: cada cambio en un componente requeriría cambiar cualquier componente raíz que pudiera representarlo, y a menudo algunos componentes entre él y la raíz. Este unión podría significar una mayor posibilidad de errores y ralentizar el ritmo del desarrollo. En última instancia, este enfoque no aprovecha el modelo de componentes de React. El lugar natural para especificar las dependencias de datos estaba en los componentes .
El siguiente enfoque lógico es usar render() como medio para iniciar la búsqueda de datos. Podríamos simplemente renderizar la aplicación una vez, ver qué datos necesitaba, buscar esos datos y volver a generarlos. ¡Esto suena genial, pero el problema es que los componentes usan datos para descubrir qué renderizar! En otras palabras, esto forzaría la puesta en escena de la obtención de datos: primero renderice la raíz y vea qué datos necesita, luego renderice a sus hijos y vea lo que necesitan, todo el camino hasta el tree. Si cada etapa incurre en solicitud de red, la renderización requeriría viajes de ida y vuelta lentos. Necesitábamos una forma de determinar todas las necesidades de datos por adelantado o estáticamente.
Finalmente nos decidimos por métodos estáticos; los componentes devolverían efectivamente un tree de consulta, separado del tree de vista, describiendo sus dependencias de datos. La retransmisión (Relay) podría usar este tree de consulta para obtener toda la información necesaria en una sola etapa y usarla para representar los componentes. El problema fue encontrar un mecanismo apropiado para describir el tree de consultas, y una forma de buscarlo de manera eficiente desde el servidor (es decir, en una sola solicitud de red). Este es el caso de uso perfecto para GraphQL porque proporciona una sintaxis para que describe las dependencias de datos como datos, sin dictar ninguna API en particular. Tenga en cuenta que Promises y Observables a menudo se sugieren como alternativas, pero representan comandos opacos y excluyen varias optimizaciones, como el procesamiento por lotes de consultas.
Posted on Utopian.io - Rewarding Open Source Contributors