10 个仓库
Logic for bootstrapping third-party library instances within a component lifecycle.
Distinct from Instance Initialization: Focuses on UI component bootstrapping after DOM mounting, whereas the parent is general software administrative bootstrapping.
Explore 10 awesome GitHub repositories matching development tools & productivity · Component Instance Initializers. Refine with filters or upvote what's useful.
react-slick is a React carousel component and responsive slider library. It provides a reusable user interface element for displaying a sequence of items in a horizontal scroll, supporting infinite looping, navigation dots, and adjustable transition speeds. The library enables the creation of touch-enabled image and content sliders that adapt to different screen sizes. It is used to build interactive content carousels, responsive image sliders, and rotating banners for product showcases.
Ensures the carousel controller is instantiated only after the necessary DOM nodes are available.
Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int
Maintains a global registry of initialized UI objects to allow programmatic control via element IDs.
This is a Figma MCP server that exposes document manipulation capabilities to AI assistants through the Model Context Protocol. It functions as a bridge between AI tools and Figma, enabling programmatic creation, reading, updating, and deletion of design elements including frames, text nodes, components, and connectors. The server provides AI-powered design generation that translates natural language prompts into complete UI screens and design elements within Figma. It includes a design annotation system for adding, updating, and retrieving markdown-supported annotations on nodes, along with
Creates component instances and applies override properties from source to multiple targets.
This project is a technical breakdown and implementation of a user interface framework's internal architecture, focusing specifically on the mechanics of the virtual DOM, reconciliation, and component lifecycles. It serves as a resource for understanding how a core logic layer manages the transition from high-level component descriptions to physical browser elements. The project distinguishes itself by providing detailed visualizations, including flowcharts and block schemes, to map the reconciliation process and code execution paths. It explores how a platform-agnostic core can be adapted fo
Extends component instances with properties and context while assigning platform-specific updaters to handle state.
ComponentKit is a declarative UI framework for building iOS interfaces through composition of small, reusable components. It provides a structured approach to constructing user interfaces where each component is defined as an immutable, pure function of its inputs, enabling predictable rendering and state management. The framework supports both stateless and stateful components, with controllers that can be attached to manage persistent state across component updates. The framework distinguishes itself through its component architecture that emphasizes explicit data flow and compile-time safe
Guards against crashes by checking if superclass initializers returned nil before assigning instance variables.
seL4 is a formally verified microkernel whose C implementation is backed by machine-checked mathematical proofs of correctness, confidentiality, integrity, and availability. It enforces strict isolation between processes through hardware-enforced address space separation and a capability-based access control system, where each process holds explicit rights only to the resources it has been granted. The kernel exposes hardware resources through a minimal API of system calls that manage threads, address spaces, and inter-process communication, with synchronous IPC supporting sender-identifying b
Instantiates a reusable component type within a system assembly and assigns it a unique instance name.
re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur
Renders multiple instances of the same component by passing unique identities to ensure each manages its own specific data entity.
monaco-react is a React component wrapper for the Monaco Editor, providing a declarative way to embed a browser-based text editor into web applications. It includes components for standard code editing with syntax highlighting and a specialized diff editor for side-by-side version comparison. The project enables the integration of syntax validation to flag errors and provides mechanisms for managing multiple files through unique model identifiers, which preserve undo history and selection states during switches. It allows for custom asset loading via CDN or local paths and provides access to
Triggers the creation and mounting of the editor instance based on specific configuration props.
react-ace 是 Ace 代码编辑器的 React 组件包装器,旨在将功能丰富的文本编辑和语法高亮嵌入到 Web 应用程序中。它提供了一个基于浏览器的编辑器,将特定于语言的着色和格式规则应用于源代码和标记文件。 该项目通过支持专门的键盘交互模式(包括 Vim 和 Emacs)以及用于比较不同文件版本的并排差异查看器脱颖而出。它还作为代码片段和实时自动补全的工具,以加速文本输入。 该组件涵盖了广泛的编辑器功能,包括视觉主题管理、代码注释以及错误或警告指示器。它为状态同步、文本选择提取以及执行内部编辑器方法(如搜索和替换)提供了程序化接口。
Manages the bootstrapping and cleanup of the third-party Ace editor instance within the React component lifecycle.
该项目是一个用于 Vue 应用的模块化用户界面框架,提供了一系列使用 Tailwind CSS 构建的可重用组件。它作为一个配置驱动的设计系统工具,使开发者能够通过集中的主题管理和基于工具类的样式,在复杂应用中保持视觉一致性。 该库通过高度可配置的架构脱颖而出,支持基于变体的样式映射和组件实例定制。开发者可以定义全局默认值或创建同一界面元素的多个版本,从而允许动态视觉切换和特定的属性覆盖,而无需重复代码。这种方法确保了组件在遵循统一设计语言的同时保持灵活性。 该框架涵盖了广泛的界面需求,包括用于日期和时间选择的专用工具以及结构化的表单输入设计。它通过支持构建时优化(如选择性组件导入和移除未使用的样式定义)来强调性能,以最小化最终应用包的大小。
Allows registration of multiple component versions with unique settings for specific layout requirements.