11 repositorios
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.