Awesome GitHub RepositoriesHTML Streaming

React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.

Dioxus is a cross-platform development framework designed for building native desktop, mobile, and web applications from a single codebase. It utilizes a declarative component model and macro-powered syntax to define reusable interface elements, which are then rendered as native widgets or web elements. At its core, the framework employs a signal-based reactivity system that tracks state dependencies to trigger granular updates, ensuring efficient interface performance without re-rendering the entire application tree. The framework distinguishes itself through a unified full-stack runtime tha

Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

Marko is a component-based web framework and HTML-based template engine used to build reactive user interfaces. It functions as a server-side rendering framework that compiles declarative templates into optimized JavaScript for efficient browser execution. The framework utilizes virtual DOM-less rendering to map template expressions directly to DOM nodes. It employs ahead-of-time template compilation and server-side HTML streaming to send rendered fragments to the client in chunks. The system manages user interfaces through a component-based view hierarchy with reactive data binding and fine

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

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

Hotwire Turbo is a server-driven navigation and HTML streaming framework that intercepts link clicks and form submissions to fetch pages in the background and replace content without full browser reloads. It provides a Turbo Frame component that scopes page regions into independent contexts, enabling partial page updates where only a specific area of the page navigates or loads content. The framework includes a page cache and morph system that stores recently visited pages for instant restoration and applies minimal DOM changes on refresh, preserving scroll position and element state. The fra

Ce projet est un générateur d'artefacts HTML LLM et un prévisualiseur sandboxé conçu pour le prototypage rapide et la création de contenu. Il fonctionne comme un pont d'agent IA local qui réutilise les sessions authentifiées des agents de codage en ligne de commande pour exécuter des tâches de génération sans nécessiter de clés d'API distinctes. Le système convertit les mises en page web en formats spécifiques à la plateforme via un outil d'exportation vers les réseaux sociaux, utilisant du CSS en ligne et des métadonnées pour assurer une publication cohérente. Il emploie un environnement de rendu sandboxé pour exécuter le code et les scripts générés par IA en isolation, protégeant le navigateur hôte contre l'empoisonnement. La plateforme gère la transformation de contenu en convertissant des données structurées — incluant CSV, JSON et SQL — en artefacts web soignés tels que des pages de destination, des rapports professionnels et des jeux de diapositives de présentation. Elle prend en charge les mises à jour visuelles en temps réel en diffusant le code généré par IA dans le navigateur via des événements envoyés par le serveur. Les capacités d'exportation incluent la conversion des nœuds web rendus en images PNG haute résolution et en fichiers HTML autonomes.

css-only-chat est une application web sans JavaScript qui implémente un système de messagerie asynchrone en utilisant uniquement HTML et CSS. Il fonctionne comme une interface de chat qui réalise des mises à jour en temps réel et une interaction utilisateur entièrement via la logique côté serveur et le comportement standard du navigateur. Le projet utilise un déclencheur de requête basé sur des sélecteurs CSS pour envoyer des données, tirant parti du chargement automatique des images d'arrière-plan par le navigateur pour initier des requêtes serveur. Pour délivrer des mises à jour sans rechargement complet de page, il utilise un streamer de transfert HTTP segmenté qui maintient les réponses ouvertes et ajoute progressivement des fragments HTML au client. Le système gère l'état de l'application sur le backend, intégrant des magasins clé-valeur distants pour la persistance des messages et utilisant un mécanisme de pub-sub pour synchroniser l'état à travers les sessions utilisateur concurrentes. L'interface utilisateur est rafraîchie en remplaçant les éléments HTML existants par de nouvelles versions délivrées depuis le serveur.

Ce projet est un groupe de travail logiciel collaboratif et une piste de publication axée sur le développement technique et le déploiement de la mise à jour de la bibliothèque React 18. Il sert d'effort de coordination communautaire et de forum de discussion pour gérer les jalons et les ensembles de fonctionnalités de cette version majeure du framework frontend. Le groupe de travail facilite la coordination des versions open source et la planification des versions logicielles via un groupe distribué de contributeurs. Il se concentre sur la collecte des retours techniques de la communauté et la gestion des discussions publiques pour affiner le code et la documentation de la bibliothèque avant une publication officielle. La portée du développement couvre le rendu d'interface utilisateur concurrent, la gestion d'état frontend et l'affinement de la logique interne de réconciliation et de rendu.

Ce dépôt est une collection d'implémentations de référence et de scaffolds de projet pour le framework web Koa. Il fournit un ensemble de boilerplates et d'exemples pour construire des applications web Node.js, incluant des structures de projet prédéfinies avec des intégrations de base de données et une conteneurisation. Le projet démontre l'implémentation d'API REST et l'utilisation de modèles de middleware HTTP pour composer des gestionnaires de requêtes. Il inclut des guides pratiques pour concevoir des points de terminaison structurés et des modèles de gestion des ressources. Les exemples fournis couvrent un éventail de capacités incluant le rendu côté serveur, le streaming de données en temps réel via des événements envoyés par le serveur (SSE), et la sécurité des applications web. Cela inclut des implémentations pour la gestion de l'authentification des utilisateurs et la protection contre la falsification de requête inter-site (CSRF).

parse5 est un parseur et sérialiseur HTML WHATWG pour Node.js. Il transforme les chaînes HTML en un modèle objet de document (DOM) et reconvertit ces arbres en chaînes HTML valides, en suivant la logique définie par le standard HTML Living Standard. Le projet fonctionne comme un processeur HTML en flux, utilisant une analyse incrémentale pour traiter les documents volumineux par blocs. Il inclut un tokenizer conforme à HTML5 qui utilise une approche par machine à états pour diviser l'entrée en jetons selon les spécifications web officielles. L'ensemble d'outils couvre l'analyse de documents HTML, la sérialisation et la réécriture en temps réel via des flux. Ces capacités permettent l'analyse programmatique et l'extraction de données à partir de documents HTML tout en maintenant une cohérence entre différents environnements.