Awesome GitHub RepositoriesServer-Side Data Prefetching

React es una biblioteca de JavaScript para crear interfaces de usuario basadas en una arquitectura orientada a componentes y un flujo de datos unidireccional.

SWR is a data fetching library that provides a collection of hooks for managing remote data synchronization, caching, and state updates in web applications. It employs a declarative approach to handle complex network request lifecycles and dependency chains, ensuring that client-side application state remains consistent with server data through automatic revalidation and background updates. The library distinguishes itself through a reactive cache layer that automatically synchronizes local state with remote sources based on component lifecycle events. It features event-driven revalidation, w

Wagmi is a collection of reactive hooks and a toolkit for interacting with Ethereum blockchains. It provides a comprehensive suite of primitives for managing wallet connections, reading smart contract data, and orchestrating on-chain transactions. The project distinguishes itself through a smart contract interface toolkit that retrieves binary interfaces to generate type-safe hooks and function wrappers. This ensures that blockchain inputs and outputs are validated at compile-time. It also features a specialized utility for translating Ethereum Name Service domains into wallet addresses and p

Vue Apollo is a GraphQL integration library for Vue applications that connects Vue components to GraphQL APIs using Apollo Client. It provides a reactive data layer for querying, mutating, and subscribing to data from GraphQL endpoints, with automatic cache updates and real-time subscription support. The library offers multiple API surfaces for working with GraphQL data, including slot-based declarative components, composable functions for the Composition API, and Options API integration. It handles the full lifecycle of GraphQL operations, from automatic data fetching with reactive queries t

Vue Apollo is a GraphQL client library for Vue.js that integrates Apollo GraphQL queries and mutations into Vue components with reactive data binding. It provides a reactive data layer that automatically updates Vue component state when GraphQL query results change, and supports server-side rendering by prefetching queries during SSR to deliver fully populated HTML on initial page load. The library allows GraphQL queries and mutations to be declared directly inside Vue component options using the apollo property, keeping data dependencies co-located with the UI. It wraps Apollo Client's nor

Este proyecto es un scaffold de JavaScript full-stack y un boilerplate de proyecto MERN stack. Proporciona una estructura de proyecto preconfigurada que combina MongoDB, Express, React y Node.js para reducir el tiempo de configuración manual al arrancar aplicaciones web basadas en datos. El toolkit cuenta con un entorno full-stack dockerizado que aísla la aplicación y la base de datos en contenedores para asegurar la consistencia entre el desarrollo y la producción. También incluye un framework de renderizado del lado del servidor diseñado para generar HTML en el servidor e hidratar en el cliente para mejorar las velocidades de carga y la visibilidad en los motores de búsqueda. El proyecto cubre un amplio flujo de trabajo de desarrollo, incluyendo el andamiaje de proyectos basado en plantillas a través de una interfaz de línea de comandos, empaquetado de activos y transpilación de JavaScript. Además, admite la precarga de componentes del lado del servidor para asegurar la disponibilidad de datos antes del renderizado de la página.

Este proyecto es un plugin de reactividad que lleva la Composition API y la gestión de estado reactivo de Vue 3 a aplicaciones Vue 2. Funciona como un organizador de lógica de componentes y un sistema para encapsular estado reactivo y funciones en utilidades reutilizables. El plugin permite el uso de funciones composables para compartir lógica con estado entre componentes sin depender de mixins. Proporciona una estructura basada en variables y funciones simples para facilitar la inferencia automática de tipos y el autocompletado en el editor. Además, incluye un sistema de inyección de dependencias basado en proveedores para compartir datos y funciones a través de un árbol de componentes. El sistema cubre la gestión de estado reactivo, propiedades computadas y watchers, junto con la capacidad de engancharse a los ciclos de vida de los componentes. Permite la integración de librerías de terceros con estado en el sistema de reactividad nativo y admite la precarga de datos en el servidor. El proyecto está escrito en TypeScript.

Esta biblioteca proporciona una colección de ganchos para integrar operaciones de datos GraphQL en componentes funcionales dentro del ecosistema Apollo Client. Funciona como una herramienta de gestión de estado que sincroniza los datos del servidor remoto con el estado del componente local, asegurando una representación de datos consistente en toda la interfaz de usuario. El proyecto se distingue por permitir la renderización del lado del servidor a través de un marco de utilidades que pre-recupera datos y resuelve árboles de componentes para entregar HTML completamente poblado. Utiliza un patrón basado en proveedores para inyectar el cliente de datos en el árbol de componentes, permitiendo que los elementos anidados accedan y gestionen datos remotos a través de llamadas de función estandarizadas conscientes del ciclo de vida. La biblioteca cubre una gama integral de capacidades de gestión de datos, incluyendo recuperación remota, ejecución de mutaciones y transmisión en tiempo real a través de conexiones persistentes. Maneja las complejidades de la carga, los estados de error y la sincronización de caché automáticamente, proporcionando una interfaz unificada para interactuar con fuentes de datos locales y remotas.