Awesome GitHub RepositoriesFull Page Server Rendering

nuqs is a TypeScript library for managing React component state through the browser's URL query string. It provides a type-safe hook-based approach that synchronizes component state with the address bar, enabling shareable and bookmarkable application states. The library handles parsing and serializing URL query parameters into typed JavaScript values, supporting integers, floats, booleans, dates, and custom types with bijectivity verification. The library distinguishes itself through its comprehensive approach to URL state management, combining batch URL updates that merge multiple parameter

This library is an integration bridge for embedding React components within Ruby on Rails views and controllers. It provides a hybrid frontend architecture that allows developers to mix traditional server-rendered templates with isolated interactive components. The project differentiates itself through a comprehensive server-side rendering wrapper that generates HTML on the server to improve load speeds and search engine visibility. It includes a client-side hydration manager that automatically mounts and unmounts components by scanning the document for markers and synchronizing with navigati

TanStack Form is a cross-framework form state management library that provides typed fields, validation, and submission across React, Vue, Angular, Solid, Lit, Svelte, and Preact. It uses a shared form model that adapts to different UI frameworks while preserving the same validation and submission logic, and offers headless form controls that impose no UI markup, letting developers bring their own inputs and design system. The library distinguishes itself through granular state subscription, where components subscribe to narrow slices of form or field state using reactive primitives, so only

This project is a GraphQL web application with a React frontend that utilizes server-side rendering to generate HTML on the server for improved initial load times and search engine indexing. The application supports both static site generation for fast delivery via pre-rendered HTML files and containerized deployment to ensure consistent runtime behavior across different environments. The project includes capabilities for GraphQL data integration, frontend asset optimization through code-splitting, and component UI verification using snapshot testing. It also provides a mechanism for managin

Acest proiect este o resursă de învățare React formată din fișiere de pornire și proiecte de referință. Oferă o colecție de template-uri de proiecte React full stack și exemple de biblioteci de componente pentru a demonstra construcția interfețelor utilizator interactive și a aplicațiilor single page. Resursa include un ghid de gestionare a stării care acoperă utilizarea hook-urilor, reducer-elor și context provider-elor. Dispune de implementări practice pentru gestionarea stării locale a componentelor, sincronizarea datelor globale ale aplicației și gestionarea tranzițiilor complexe de stare. Materialul acoperă dezvoltarea web full stack, inclusiv randarea pe server și utilizarea server actions pentru gestionarea formularelor. De asemenea, abordează rutarea client-side, compoziția UI modulară și integrarea aplicațiilor frontend cu baze de date externe și servicii de autentificare.

Geist is an open-source font family and typography collection designed for high legibility in technical interfaces. It consists of a series of web-optimized typefaces, including geometric sans-serif, monospaced, and pixel styles. The collection functions as a variable font library, utilizing coordinate interpolation to allow precise control over weight and style within a single font file. These fonts are built as OpenType typefaces, incorporating standardized layout tables to define advanced typographic behaviors such as kerning and ligatures. The project provides specific implementations fo