Awesome GitHub RepositoriesReact-Compatible Frameworks

re-frame est un framework fonctionnel pour construire des applications monopages (SPA) en ClojureScript. Il fournit une base de données centralisée et immuable qui sert de source unique de vérité pour l'état global de l'application, imposant un flux de données unidirectionnel strict où les événements déclenchent des transitions d'état et des mises à jour de vue. Le framework se distingue par un graphe de signaux réactifs et un pipeline de middleware basé sur des intercepteurs. En traitant la logique applicative comme une séquence d'événements pilotés par les données et d'effets de bord déclaratifs, il découple la logique métier de la couche de vue. Cette architecture permet aux développeurs de gérer des transitions d'état complexes et des opérations externes via des fonctions pures, garantissant que les effets de bord sont exécutés par un interpréteur séparé plutôt que par des appels impératifs. Le système inclut une suite complète de capacités pour gérer l'architecture applicative, notamment la dérivation de données réactives, la réconciliation de vue basée sur les abonnements et la gestion d'état pilotée par les événements. Il prend en charge des flux de développement avancés tels que le traçage d'événements, la mise en point d'état et la possibilité de simuler (stub) des effets de bord pour des tests isolés. Le projet est conçu pour une intégration avec React, utilisant la réconciliation du DOM virtuel pour mettre à jour efficacement les interfaces utilisateur. Il fournit un ensemble robuste d'utilitaires pour gérer les préoccupations transversales, les graphes de flux de données complexes et coordonner les opérations asynchrones au sein d'un pipeline d'événements séquentiel et prévisible.

Nerv est un framework JavaScript isomorphe et une bibliothèque de DOM virtuel utilisée pour le développement d'interfaces utilisateur basées sur des composants. Il fonctionne comme une bibliothèque compatible avec React qui maintient la compatibilité avec l'API React 16. Le framework est spécifiquement conçu comme un framework UI pour navigateurs hérités, fournissant la logique interne nécessaire pour maintenir un comportement cohérent dans les environnements plus anciens, y compris Internet Explorer 8. Ses capacités couvrent le rendu web isomorphe via la génération HTML côté serveur et l'hydratation côté client. La bibliothèque inclut également la gestion des erreurs frontend pour intercepter les plantages de composants et un système pour gérer les cycles de vie des composants, les groupes de fragments et les portails.

Ce projet est un tutoriel d'implémentation React éducatif et un framework de rendu concurrent. Il sert de démonstration étape par étape de la manière de construire une bibliothèque compatible à partir de zéro, incluant un moteur de DOM virtuel pour calculer les différences d'arbres d'éléments et un système d'événements synthétiques pour la cohérence des interactions entre navigateurs. Le framework implémente un gestionnaire d'état basé sur des hooks pour suivre les données de composants locaux et partager un contexte global. Il utilise une architecture de rendu concurrent qui emploie le découpage temporel (time-slicing) et des priorités basées sur des voies (lane-based) pour maintenir la réactivité du thread principal pendant les mises à jour lourdes. Le projet couvre une large surface de capacités incluant la gestion d'état des composants, le développement de renderers personnalisés découplés du navigateur et l'implémentation d'une planification de mise à jour basée sur les priorités. Il gère également la synchronisation des arbres virtuels avec le document du navigateur et la gestion des effets secondaires des composants.