Awesome GitHub RepositoriesTypeScript

vue-pure-admin is a comprehensive Vue 3 admin dashboard template and TypeScript boilerplate designed for building enterprise web applications. It provides a Vite-based frontend scaffold that incorporates a role-based access control system and a micro-frontend architecture for dividing large administrative applications into smaller, independently deployable units. The project features an advanced permission management framework that handles route protection, menu access filtering, and component-level visibility control. It includes specialized support for multi-tenant system administration, al

This is a TypeScript web framework and Node.js backend framework used to build web applications and API servers. It serves as a server-side application toolkit providing a structured environment for managing HTTP routing, request parsing, and application configuration. The framework features a dependency injection container to deliver required objects between application components, decoupling internal logic. It includes built-in tools for server-side data security, such as cryptographic drivers for hashing sensitive data and encrypting application data at rest. The project covers broad capa

Naive UI is a Vue 3 component library and type-safe UI framework designed for building web application interfaces. It functions as a themeable design system that provides a collection of pre-built user interface components. The library utilizes a JavaScript-object-based theme engine to customize visual styles without relying on CSS variables or external stylesheets. It includes a virtual list renderer to maintain performance when displaying large datasets by rendering only the items visible within the viewport. The framework integrates with TypeScript to provide prop validation and type-safe

Fresh est un framework web côté serveur pour le runtime Deno conçu pour construire des sites web avec un support TypeScript natif. Il fonctionne comme un moteur de rendu côté serveur zéro-JavaScript qui envoie uniquement du HTML au navigateur par défaut pour éliminer la surcharge d'exécution côté client. Le framework implémente une architecture en îlots, qui fournit du HTML statique et active sélectivement JavaScript uniquement pour des composants interactifs spécifiques. Il utilise un routeur basé sur le système de fichiers qui mappe automatiquement les structures de répertoires et les noms de fichiers aux modèles d'URL sans nécessiter de fichier de configuration central. La plateforme couvre le rendu côté serveur, les mises à jour de page incrémentales et le regroupement d'actifs de production avec hachage de contenu. Il fournit un script d'amorçage de projet pour initialiser l'environnement de développement.

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

This is a comprehensive tutorial for learning TypeScript, designed for JavaScript programmers who want to understand the language's type system and modern features. The resource covers TypeScript's core identity, including its structural type compatibility, compile-time type erasure, declaration file merging, and the discriminated union pattern for precise type narrowing. The tutorial distinguishes itself by providing a progressive learning path from basic JavaScript concepts to advanced TypeScript patterns. It covers generic type parameter constraints, tuple types with fixed-length positions

vanilla-extract is a type-safe CSS-in-JS library and zero-runtime CSS framework. It uses TypeScript to define styles and design tokens, compiling these definitions into static CSS files during the build process to eliminate styling overhead in the browser. The system acts as a scoped CSS generator, producing unique class names and local variables to prevent global style leakage and naming collisions. It provides a type-safe styling tool that validates CSS property values and ensures design tokens adhere to defined themes during development. The framework covers comprehensive styling utilitie

The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.

This project is a learning course and instructional resource for React frontend development. It consists of a structured curriculum, architectural guides, and a library of reference materials designed to teach the construction of user interfaces and web applications. The repository provides a collection of project implementations, including e-commerce stores and CRUD applications, to serve as reference architectures. It includes curated lessons and code examples that focus on implementing state management and type safety patterns. The materials cover frontend architecture patterns, the integ

This project is a production-ready enterprise boilerplate and starter for building high-performance web applications with Next.js. It provides a foundational architecture for large-scale application bootstrapping, combining a TypeScript web starter with a pre-configured project structure and professional toolset. The project distinguishes itself through an integrated suite of operational tools, including CI/CD deployment pipelines, infrastructure-as-code provisioning, and a component-driven UI development sandbox. It incorporates a utility-first styling architecture using Tailwind CSS and a l

Il s'agit d'une application web TypeScript et d'une application monopage (SPA) construite avec Angular. Elle sert de plateforme de blogging complète et de système de gestion de contenu qui implémente des modèles architecturaux professionnels pour construire des interfaces utilisateur complexes. Le projet fonctionne comme un client d'API REST qui s'intègre à un service backend pour gérer les utilisateurs, les articles et les interactions sociales. Il inclut un moteur de rendu de contenu markdown pour afficher des articles formatés et un système de découverte de contenu utilisant des flux paginés et des filtres par catégorie. L'application couvre plusieurs domaines fonctionnels, incluant les workflows d'authentification utilisateur avec gestion d'identité basée sur des jetons, la gestion du cycle de vie des articles de blog, et des fonctionnalités de réseautage social telles que le suivi des auteurs et la mise en favoris de contenu.

ihp est un framework web typé et un orchestrateur d'applications full-stack conçu pour PostgreSQL. Il fonctionne comme un framework de rendu côté serveur et un ORM typé qui génère automatiquement des types d'enregistrements à partir de schémas SQL pour garantir la validation des requêtes à la compilation. La plateforme se distingue en vérifiant le routage, les requêtes de base de données et les modèles (templates) au moment de la compilation pour éviter les plantages à l'exécution. Elle implémente des interfaces web en temps réel utilisant les WebSockets pour une synchronisation instantanée des données et emploie l'hypermédia piloté par le serveur pour la mise à jour partielle du DOM. Le framework couvre un large éventail de capacités intégrées, incluant la gestion de l'identité utilisateur avec support des passkeys et OAuth, une couche de stockage de données complète avec migrations automatisées, et un système de rendu d'interface utilisateur complet avec templating HTML typé. Il fournit également des outils intégrés pour le développement d'API JSON, l'exécution de tâches asynchrones en arrière-plan et l'intégration financière pour les passerelles de paiement. Les environnements de production sont gérés via un déploiement NixOS déclaratif pour une infrastructure reproductible.

routing-controllers est un routeur API déclaratif et un contrôleur de framework web pour TypeScript. Il fournit un système pour définir des routes HTTP et une logique de gestion des requêtes en utilisant des décorateurs basés sur les classes et des métadonnées pour organiser les endpoints API dans une architecture structurée. Le projet utilise une intégration de serveur basée sur des adaptateurs pour découpler la logique de routage du framework web sous-jacent, fournissant des intégrations spécifiques pour Express et Koa. Il dispose d'un système de transformation de type basé sur la réflexion qui valide et transforme les paramètres de requête entrants en instances de classe typées. La surface de capacité couvre un pipeline complet de requête-réponse, y compris l'exécution de middleware, l'interception de réponse et la gestion globale des erreurs. Il prend en charge des utilitaires de routage avancés tels que le préfixage global de route, la découverte de composants basée sur le système de fichiers et l'intégration de l'injection de dépendances. Les fonctionnalités supplémentaires incluent le contrôle d'accès basé sur les rôles, l'injection d'utilisateurs authentifiés et des gestionnaires spécialisés pour les téléchargements de fichiers et le streaming de réponses.

Vue.NetCore est un outil d'échafaudage full-stack qui génère automatiquement du code frontend et backend en utilisant .NET Core et Vue.js basés sur des schémas de base de données. Il fonctionne comme un générateur de boilerplate CRUD et un orchestrateur de base de données qui mappe les entités dans la logique métier pour créer des interfaces administratives et des endpoints API. Le projet fournit un échafaudage d'UI multiplateforme, produisant du code compatible pour le web, iOS, Android et les mini-programmes WeChat. Il utilise un framework web TypeScript avec Vite et exploite SqlSugar pour automatiser le mappage des entités de base de données. Le système couvre l'automatisation CRUD d'entreprise, incluant la génération de formulaires pilotés par les données, d'interfaces de requêtes de recherche avancées et de relations de table maître-détail. Il inclut également des capacités pour le développement d'API automatisé et des interfaces d'importation de données Excel.

tsoa est un framework d'API TypeScript et un générateur d'API REST OpenAPI. Il convertit les contrôleurs et modèles TypeScript en spécifications OpenAPI et configurations de routage pour les serveurs Node, garantissant que les définitions de code et la documentation d'API restent synchronisées. L'outil fonctionne comme un générateur de spécification OpenAPI et un validateur de requête REST. Il extrait les chemins, les schémas de requête et les modèles de réponse du code source pour produire des documents OpenAPI standard et fournit une couche middleware pour vérifier que les payloads HTTP entrants correspondent aux schémas définis en TypeScript. Le projet couvre la gestion des routes RESTful et la validation des requêtes d'API. Il utilise l'analyse de type statique pour convertir les types de langage en définitions de schéma JSON et emploie une génération basée sur des templates pour mapper les métadonnées du contrôleur vers les routes du serveur.

Eros-FE is a TypeScript web frontend designed as a React-based single page application. It provides a component-driven user interface for interacting with backend services and managing application state through a type-safe client. The project utilizes a client-side route manager to swap visible components without full page refreshes and employs a CSS-in-JS styling framework to tie component logic directly to visual presentation. The application covers frontend interface design, client-side state management, and the integration of browser interfaces with backend APIs.

Treat est une bibliothèque de stylisation qui extrait le CSS des définitions JavaScript pendant le processus de build pour éliminer la surcharge à l'exécution. Elle fonctionne comme un outil d'extraction de style statique, convertissant les définitions de style au niveau des composants en fichiers CSS optimisés et autonomes. Le framework est conçu pour construire des systèmes de design typés et thématisables qui permettent aux composants d'interface utilisateur d'adapter leur apparence en fonction des paramètres actifs du système de design. La bibliothèque se distingue en permettant une composition de style complexe, incluant des pseudo-sélecteurs, des media queries et des animations, au sein d'une structure d'objet unifiée qui reste compatible avec l'extraction statique. Elle prend en charge des variations visuelles dynamiques en mappant les définitions de style vers des classes CSS pré-générées, utilisant un mécanisme de recherche léger pour résoudre les thèmes à l'exécution. Cette approche permet le changement de thème et le chargement de thème à la demande sans nécessiter un rechargement complet de la page ou sacrifier les avantages de performance du CSS statique. Au-delà de ses capacités d'extraction de base, la bibliothèque fournit des outils pour la configuration de thème globale et la distribution basée sur le contexte pour assurer une cohérence visuelle à travers les applications à grande échelle. Elle inclut une prise en charge du rendu côté serveur, garantissant que les styles sont prêts pour les chargements de page initiaux, et s'intègre aux flux de travail de développement pour fournir le rechargement de module à chaud (hot module reloading) pour les changements de style. La bibliothèque est configurée via des pipelines de build standard, qui gèrent la transformation, la minification et les conventions de nommage de la sortie de style générée.