3 Repos
Awesome GitHub RepositoriesPersistent Layouts
Maintaining shared UI elements across page navigations to prevent re-rendering of common components.
Distinct from Layout Persisters: Existing layout persistence tags focus on serialization/storage of grid layouts or terminal windows, not preserving DOM components across SPA navigations.
Explore 3 awesome GitHub repositories matching user interface & experience · Persistent Layouts. Refine with filters or upvote what's useful.
Awesome Persistent Layouts GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- inertiajs/inertia
inertiajs/inertia
7,708Auf GitHub ansehenInertia 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
Maintains shared UI elements across page navigations to prevent unnecessary re-renders of common components.
TypeScript - vercel/next-learn
vercel/next-learn
4,745Auf GitHub ansehennext-learn ist eine Sammlung von Bildungsressourcen und Referenzimplementierungen für den Aufbau von Full-Stack-Webanwendungen. Sie dient als Lernressource und Tutorial für das Next.js-Framework und bietet Starter-Code sowie Beispielprojekte, die Server-Side-Rendering und das React-basierte Ökosystem demonstrieren. Das Projekt bietet ein Full-Stack-Web-Template, das eine vollständige Implementierung von Datenbankintegration, Nutzerauthentifizierung und serverseitiger Logik zeigt. Es enthält Referenzbeispiele für die Optimierung der Web-Performance, insbesondere die Demonstration der Verwendung von Server Components, Server Actions und dynamischem Routing. Die Codebasis deckt ein breites Spektrum an Full-Stack-Funktionen ab, einschließlich Datenmanagement durch serverseitige Abfragen und Mutationen, identitätsbasierter Zugriffskontrolle mittels Route-Guards und Navigationsarchitektur unter Verwendung von Dateisystem-Routing. Sie implementiert zudem verschiedene Rendering-Strategien, Asset-Optimierung für Bilder und Schriftarten sowie UI-Styling.
Implements persistent layouts that wrap routes to maintain consistent UI and prevent unnecessary re-renders.
TypeScript - remix-run/examples
remix-run/examples
1,216Auf GitHub ansehenThis repository serves as a comprehensive collection of reference implementations for the Remix web framework. It provides practical examples of full-stack web development, demonstrating how to build dynamic, server-rendered applications that bridge server-side logic with client-side interactivity. By leveraging a component-based architecture, these examples illustrate core patterns for managing data, routing, and user interfaces within a unified development environment. The collection highlights the framework's distinctive approach to web architecture, emphasizing server-side data loading an
Wraps application routes in pathless boundaries to prevent the document head from re-mounting during navigation.
TypeScript
