Awesome GitHub RepositoriesJSX Rendering Components

React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.

Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.

This project is a document transformation pipeline that compiles Markdown files into executable JavaScript components. By integrating JSX directly into standard text documents, it enables the creation of interactive content that functions as a component-based engine for modern frontend applications. The system distinguishes itself through a unified, plugin-driven architecture that processes content by converting it into an abstract syntax tree. This allows for deep customization of the compilation logic, enabling developers to map standard Markdown elements to custom interface components, inj

This project is an educational course and a collection of frontend projects designed to teach the core concepts and architecture of the React library. It serves as a practical guide for building modular user interfaces through a series of hands-on project builds. The repository includes a technical implementation of a custom React renderer, demonstrating how to transform JSX elements into a document object model. It further provides examples of state management, specifically illustrating how to share global data across a component tree using the provider pattern to avoid property drilling. T

Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s

This project is a technical study resource and interview preparation guide focused on the React library. It provides a comprehensive frontend interview question bank and concept references designed to help developers master core library primitives and prepare for professional job interviews. The resource covers detailed explanations of React's technical architecture, including state management patterns, performance optimization strategies, and component design. It serves as a knowledge assessment tool for developers to test their understanding of modern frontend engineering through a structur

This project is a comprehensive frontend interview preparation resource built around a question bank of over 1000 curated questions. It covers HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security, with each question accompanied by a detailed answer explanation. The content is organized into a hierarchical category tree for browsable exploration, and a daily question rotation algorithm presents one question per day for systematic review. A client-side search index enables instant filtering of questions by title or tag, and the entire question bank is p

Blocks is a no-code website builder and component-based UI framework designed to create production-ready websites through a visual interface. It functions as a visual page builder that assembles layouts using pre-designed JSX component blocks. The system includes a visual theme engine used to manage brand identity through the definition of global colors and layout presets. This allows for the application of consistent visual themes across all pages of a site. The platform covers visual website building, JSX page construction, and brand identity management. It utilizes a schema-driven layout

Playroom is a frontend design system tool and JSX component sandbox. It functions as a UI component workbench and TypeScript-aware prototyper, allowing developers to design and test user interfaces within a live, interactive environment. The project enables visual testing by rendering the same component across multiple themes, screen sizes, and property configurations simultaneously. It provides a mechanism for interactive style guides and design system documentation, where components can be prototyped using an existing library and exported as a distributable sandbox. The workbench includes

Prompt-kit is a React-based toolkit and component library specialized for building conversational interfaces for large language models. It provides a framework of reusable UI elements designed to handle the specific requirements of generative AI, such as streaming text responses, rendering model reasoning, and managing complex model outputs. The toolkit distinguishes itself through specialized visualization capabilities, including the rendering of chain-of-thought reasoning traces and the display of external tool interactions. It also features an interactive preview system that renders genera

This project is a Babel plugin that enables the use of JSX syntax within Vue 2 applications. It functions as a build-time transpilation tool, converting declarative JSX into standard JavaScript render functions that are compatible with the framework's component system. The plugin bridges the gap between JSX and the framework by mapping standard template directives, such as event handling and model binding, directly to JSX attributes. It also provides automatic injection of the component instance context, allowing developers to access reactive properties and lifecycle methods directly within t