33 Repos
UI components defined as classes that manage state and lifecycle methods.
Explore 33 awesome GitHub repositories matching user interface & experience · Class Components. Refine with filters or upvote what's useful.
React ist eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, basierend auf einer komponentenorientierten Architektur und unidirektionalem Datenfluss.
Defines UI components as classes that manage internal state and lifecycle methods.
Nest is an enterprise Node.js framework designed for building scalable and maintainable server-side applications. It provides a typed environment for developing backend services using TypeScript and JavaScript, incorporating architectural patterns for both object-oriented and functional programming. The framework organizes complex backend logic into a modular application structure to ensure clear boundary separation. It utilizes a dependency injection container to manage object lifecycles and a decorator-based metadata system to attach configuration and routing data to classes and methods. T
Uses TypeScript decorators to attach configuration and routing data to classes and methods during compilation.
Pydantic ist eine Datenvalidierungsbibliothek und ein Parsing-Framework für Python. Es fungiert als typbasierter Schema-Validator, der Standard-Python-Typannotationen verwendet, um sicherzustellen, dass Eingabedaten vordefinierten strukturellen Schemata entsprechen. Das Projekt bietet Funktionen zum Parsen von Rohdaten in typisierte Objekte durch automatische Typkonvertierung und Validierung. Dies umfasst die Serialisierung von Daten und die Validierung von Datenstrukturen zur Durchsetzung der Korrektheit. Das Framework deckt verschiedene Anwendungsbereiche ab, einschließlich der Verifizierung von API-Anfragen und der Verwaltung von Anwendungskonfigurationen. Es ermöglicht die Transformation von Rohformaten wie JSON in strukturierte Python-Objekte.
Employs Python metaclasses to transform class definitions into validated data models at declaration time.
Python is a high-level, interpreted programming language designed for readability and versatility. It operates via a bytecode-based virtual machine and manages memory automatically through reference-counting garbage collection. The language supports multiple programming paradigms, including object-oriented, imperative, and functional styles, and provides a comprehensive standard library for system operations, networking, and data handling. The language is distinguished by its dynamic nature, allowing for runtime object introspection and metaclass-driven class creation. It utilizes protocol-ba
Enables advanced class structure modification at definition time using metaclasses.
Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and
Provides command-line utilities to scaffold component class and template files for consistent project structure.
React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.
Generates HTML class strings by mapping component props to Bootstrap utility and layout classes.
Recompose is a suite of toolsets for implementing higher-order component composition, context extraction, render optimization, and external state integration. It provides a library of utilities to wrap components in reusable logic and behavioral layers, allowing developers to chain functional wrappers and reduce nesting within a component tree. The project focuses on the composition of functional wrappers to inject properties and behavior into components. It includes a set of helpers for extracting values from component context and passing them as direct properties, as well as tools for integ
Transforms functional components into class components to enable the use of features like direct DOM references.
Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil
Maps Vue component properties to specific Bootstrap CSS classes to control visibility and behavior.
Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable
Maps component properties to specific CSS classes to dynamically alter visual appearance and layout.
Peewee is a SQL object-relational mapper and query builder that provides an object-oriented interface for mapping application classes to relational database tables. It functions as a relational database toolkit for managing schemas, executing migrations, and handling complex table relationships. The project distinguishes itself by providing an asyncio database driver for non-blocking database operations, ensuring event loop responsiveness. It also supports semi-structured data storage, allowing the storage and querying of flexible JSON documents within traditional relational database systems.
Uses Python metaclasses to automatically register fields and table configurations during model definition.
class-validator is a TypeScript class validation library that uses decorators to define constraints and rules for object properties. It functions as a decorator-based schema validator that ensures data integrity and structural correctness through a combination of synchronous checks and promise-based asynchronous rules. The library provides a recursive validation system for checking complex data hierarchies, including nested classes and individual elements within collections. It includes an object property whitelist utility capable of stripping undocumented properties or blocking unknown field
Uses TypeScript decorators to store validation constraints as metadata for runtime retrieval.
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
Supports class-based component definitions for managing state and lifecycle methods.
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
Teaches decorator-based metaprogramming for attaching metadata and modifying class behavior at compile time.
Buefy is a user interface component library built specifically for Vue.js applications. It provides a collection of pre-styled interface elements and a responsive web UI kit designed to implement the Bulma CSS framework's styling and grid system. The project enables rapid frontend prototyping by offering a standardized library of semantic UI elements. These components allow for the creation of flexible layouts that automatically adjust to different screen sizes and devices. The library covers broad capabilities for responsive web design and the construction of user interfaces through the int
Maps component properties to Bulma CSS classes to dynamically control the visual state of elements.
LearnPython is a programming tutorial consisting of a collection of practical code examples used to demonstrate Python language features and programming patterns. It serves as a comprehensive learning resource that implements core language concepts through functional code. The project provides specialized guides and samples covering several key domains. These include asynchronous network programming with event loops and coroutines, data visualization using numerical datasets for 2D and 3D plots, and web scraping for fetching content and automating login flows. It also features instructions on
Implements custom metaclasses to intercept class creation and modify structure before instantiation.
class-transformer is a TypeScript library that converts plain JavaScript objects into typed class instances and back, using decorators to define transformation rules. It serves as a decorator-based object transformer, JSON deserialization library, and property transformation framework, enabling type-safe serialization and deserialization of class instances. The library distinguishes itself through comprehensive property filtering and mapping capabilities. It supports excluding properties by default, by prefix, by operation (serialization or deserialization), or by explicit marking, as well as
Transforms class instances to plain objects and JSON strings with decorator-driven property mapping and exclusion rules.
React95 is a React UI component library and themed framework designed to emulate the aesthetic of a nineties desktop operating system. It provides a collection of reusable interface elements that allow developers to build web applications with a nostalgic visual style. The library functions as a design system centered on a Windows 95 theme. It utilizes a centralized theme provider to manage global color palettes and styling across the application. The framework covers retro UI development through a set of pre-styled components and themed interface design tools. These capabilities enable the
Maps component boolean props to specific CSS classes to control active and disabled visual states.
Tailwind CSS Typography is a plugin for the Tailwind CSS framework that provides hand-tuned typographic defaults for blocks of vanilla HTML content, such as content from Markdown or a CMS. It applies beautiful prose styles to HTML content using a single class, eliminating the need for custom CSS to style rich text. The plugin distinguishes itself by offering deep customization and control over typography. Users can adjust the overall font size of prose content across five predefined sizes, select from five built-in gray-scale palettes to match a project's color scheme, and seamlessly adapt ty
Adds pre-built component styles like buttons and form controls to the CSS output.
web.py is a minimal Python web framework that provides the core components needed to build web applications: URL routing, template rendering, database access, form handling, and session management. The framework uses a convention-based approach where URL patterns are automatically mapped to handler classes based on their names, eliminating the need for manual route configuration. It exposes applications as WSGI callables, making them deployable with any WSGI-compliant server. The framework distinguishes itself through its metaclass-driven auto-discovery system, which automatically registers h
Uses a metaclass to automatically register handler classes and build URL mappings at class definition time.
attrs is a Python library that automatically generates initialization, representation, equality, hashing, and ordering methods from declarative class attribute definitions. At its core, it provides a class decorator metaprogramming framework that intercepts class creation to rewrite the class body, producing dunder methods without manual boilerplate. The library includes a comprehensive attribute validation toolkit with built-in validators for type checks, range constraints, regex matching, length limits, and logical composition of validation rules. The library distinguishes itself through it
Provides a decorator that rewrites class bodies to auto-generate initialization and comparison methods.