awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

11 repositorios

Awesome GitHub RepositoriesHTML Hydration

Processes for connecting server-rendered HTML to client-side interactivity.

Distinguishing note: Focuses on the reconciliation of server-generated markup on the client.

Explore 11 awesome GitHub repositories matching web development · HTML Hydration. Refine with filters or upvote what's useful.

Awesome HTML Hydration GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Ver en GitHub↗

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

    Transforms static server-rendered HTML into interactive applications through component reconciliation.

    JavaScriptjavascriptuifrontend
    Ver en GitHub↗245,669
  • ryansolid/solidAvatar de ryansolid

    ryansolid/solid

    35,623Ver en GitHub↗

    Solid is a reactive UI library and isomorphic JavaScript framework used for building component-based user interfaces. It functions as a declarative component library and state management system that updates the DOM without using a virtual DOM. The framework utilizes fine-grained reactivity and proxy-based state management to track dependencies and trigger precise updates to specific text or attributes. It supports isomorphic rendering through streaming server-side rendering and progressive hydration, allowing content to be generated on both the server and the client. The system covers declar

    Supports progressive hydration to attach reactive logic and event listeners to server-rendered content as it enters the viewport.

    TypeScript
    Ver en GitHub↗35,623
  • yewstack/yewAvatar de yewstack

    yewstack/yew

    32,696Ver en GitHub↗

    Yew is a framework for building front-end web applications using Rust and WebAssembly. It provides a component-based architecture that allows developers to create modular, reusable user interface elements that manage their own state and logic. By compiling code into binary modules, the framework enables high-performance execution within modern browser environments. The framework distinguishes itself through a macro-based markup language that transforms declarative, HTML-like syntax into strongly-typed component structures during compilation. It features a robust server-side rendering engine t

    Connects server-generated HTML to the client application by reconciling the virtual DOM with existing markup.

    Rustasmjsconcurrencyelm
    Ver en GitHub↗32,696
  • qwikdev/qwikAvatar de QwikDev

    QwikDev/qwik

    22,014Ver en GitHub↗

    Qwik is a resumable JavaScript web framework and component-based UI library designed to build high-performance web applications. It functions as a frontend web framework that optimizes page load speed and runtime performance by delaying JavaScript execution until a user interacts with a specific component. The framework eliminates the traditional hydration phase by restoring application state from the server. It uses serialization to embed state and event listeners directly into the HTML, allowing the application to resume interactivity without re-executing JavaScript to rebuild the component

    Implements hydration strategies that delay JavaScript execution until specific components are needed.

    TypeScriptframeworkhacktoberfestjavascript
    Ver en GitHub↗22,014
  • trueadm/infernoAvatar de trueadm

    trueadm/inferno

    16,420Ver en GitHub↗

    Inferno is an isomorphic JavaScript framework and virtual DOM UI library used for building user interfaces. It functions as a server-side rendering engine that converts virtual nodes into HTML strings for the server and hydrates them on the client to optimize initial load speeds and search engine indexing. The framework features a synthetic event system that provides a normalized interface for handling browser interactions consistently across different web environments. It employs a reactive UI model to synchronize state-driven updates and reactive streams with the browser document object mod

    Attaches client-side event listeners to server-rendered static HTML to make the content interactive.

    JavaScript
    Ver en GitHub↗16,420
  • reactjs/react.devAvatar de reactjs

    reactjs/react.dev

    11,765Ver en GitHub↗

    React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

    Attaches event listeners and state management to static server-generated HTML to transform initial markup into a fully interactive application.

    JavaScriptdocumentationjavascriptreact
    Ver en GitHub↗11,765
  • react-static/react-staticR

    react-static/react-static

    10,343Ver en GitHub↗

    react-static is a React static site generator that transforms components into static HTML files to improve page load speed and search engine optimization. It functions as a progressive web app framework, exporting static HTML that hydrates into a full interactive application to enable real-time updates and instant navigation. The project distinguishes itself as a static site asset optimizer, using code-splitting and an asset prefetching queue to reduce perceived load times. It includes a dedicated MDX content processor to generate routes from Markdown files with JSX and frontmatter, as well a

    Renders components to static HTML at build time and attaches React event listeners on the client.

    JavaScript
    Ver en GitHub↗10,343
  • vuejs/petite-vueAvatar de vuejs

    vuejs/petite-vue

    9,683Ver en GitHub↗

    Petite-vue is a lightweight, client-side reactive UI library and templating engine designed for progressive enhancement. It serves as a minimal state management tool that binds reactive data to DOM elements, allowing user interfaces to update automatically when state changes without requiring a full build step. The framework specifically focuses on adding interactivity to server-rendered HTML. It allows for the creation of isolated reactive regions and embedded widgets on a single page, using custom delimiters to prevent syntax conflicts with server-side template engines. The system covers r

    Hydrates server-rendered HTML by attaching reactive logic to existing nodes without replacing the page structure.

    TypeScript
    Ver en GitHub↗9,683
  • midudev/preguntas-entrevista-reactAvatar de midudev

    midudev/preguntas-entrevista-react

    7,785Ver en GitHub↗

    This project is a technical study resource and interview preparation guide focused on the React library. It provides a comprehensive frontend interview question bank and concept references designed to help developers master core library primitives and prepare for professional job interviews. The resource covers detailed explanations of React's technical architecture, including state management patterns, performance optimization strategies, and component design. It serves as a knowledge assessment tool for developers to test their understanding of modern frontend engineering through a structur

    Explains HTML hydration processes for connecting server-rendered markup to client-side interactivity.

    JavaScripthacktoberfestjavascriptreact
    Ver en GitHub↗7,785
  • inertiajs/inertiaAvatar de inertiajs

    inertiajs/inertia

    7,708Ver en GitHub↗

    Inertia is a server-driven frontend framework designed to create monolithic single page applications. It acts as a state synchronization protocol and client-side routing bridge, allowing developers to build interactive experiences using modern JavaScript component libraries while keeping routing and controllers on the server. This approach eliminates the need for a separate REST or GraphQL API layer by passing data from server controllers to frontend components as props via JSON payloads. The framework distinguishes itself by utilizing adapter-based integration to link various backend environ

    Inertia JS attaches client-side interactivity to server-rendered HTML without re-rendering the entire page.

    TypeScript
    Ver en GitHub↗7,708
  • greatfrontend/top-reactjs-interview-questionsAvatar de greatfrontend

    greatfrontend/top-reactjs-interview-questions

    5,691Ver en GitHub↗

    This project is a comprehensive interview preparation guide and technical study resource for React. It functions as a frontend engineering curriculum and coding challenge bank designed to help developers master the internal mechanics, patterns, and core fundamentals of the React ecosystem. The resource distinguishes itself by providing a curated collection of technical interview questions, conceptual quizzes, and expert solutions. It includes a bank of coding challenges that can be solved in a browser-based environment with automated test cases and real-time rendering, as well as research int

    Explains the processes for connecting server-rendered HTML to client-side interactivity.

    MDXfront-end-developmentinterviewsjavascript
    Ver en GitHub↗5,691
  1. Home
  2. Web Development
  3. HTML Hydration

Explorar subetiquetas

  • Progressive HydrationHydration strategies that attach interactivity to server-rendered HTML incrementally as components become visible. **Distinct from HTML Hydration:** Distinct from HTML Hydration: focuses on the incremental, lazy attachment of logic rather than the general reconciliation process.