23 repositorios
Tools for modifying the default build and server settings of Create React App projects.
Distinct from React Development: None of the candidates specifically address the act of customizing the CRA managed build system.
Explore 23 awesome GitHub repositories matching web development · Create React App Customizations. Refine with filters or upvote what's useful.
This project is a pre-configured project foundation for building scalable web applications. It serves as a React application boilerplate and component scaffold designed to provide a scalable architecture and a foundation for long-term growth. The setup is characterized by an offline-first web framework that maintains application availability without an active network connection. It includes an internationalized UI foundation with integrated translation tooling and a modular CSS-in-JS setup for scoped, component-level styling. The boilerplate covers broader capability areas including automate
Ships as a pre-configured project foundation for building scalable React web applications.
Este proyecto es una plantilla de React lista para producción y un starter de JavaScript isomórfico diseñado para construir aplicaciones universales. Sirve como boilerplate para crear aplicaciones React que utilizan renderizado del lado del servidor (SSR) para compartir lógica y estado entre el servidor y el navegador. El framework proporciona una base preconfigurada para el bootstrapping de aplicaciones React, centrándose en un framework de aplicaciones JavaScript universales. Automatiza el proceso de preparación de aplicaciones web renderizadas en el servidor para entornos de producción al proporcionar un pipeline de despliegue y compilación integrado. El código base cubre la compilación de bundles universales y la ejecución de JavaScript isomórfico, utilizando un pipeline de compilación sin configuración (zero-config) para manejar la transición entre el HTML renderizado en el servidor y la interactividad del lado del cliente.
Provides a project scaffolder for starting production-ready React projects with preconfigured build pipelines.
Reactide is the first dedicated IDE for React web application development.
Generates new React project boilerplate using integrated Create React App scaffolding.
Frappe is a Python-based low-code web framework used for building data-driven business applications. It functions as a full-stack meta-framework that integrates a Python backend with a JavaScript frontend, providing a development environment for rapid application prototyping and deployment. The framework employs a model-driven architecture that automatically generates database schemas, REST API endpoints, and administrative interfaces based on defined metadata. This system is complemented by a command-line scaffolding tool for creating standardized project directory structures and boilerplate
Ships a command-line tool that generates standardized project directory structures and boilerplate files for rapid setup.
Este proyecto es una base preconfigurada para aplicaciones web, proporcionando un código base estructurado y herramientas de compilación para iniciar nuevos proyectos frontend. Sirve como un boilerplate que integra React para la interfaz de usuario, Redux para la gestión del estado y React-Router para la navegación. La arquitectura se distingue por su uso de definiciones de rutas anidadas para manejar la navegación jerárquica y un sistema para la inyección dinámica de reducers, lo que permite añadir lógica de gestión de estado al store en tiempo de ejecución a medida que se cargan módulos específicos. El toolkit cubre una amplia gama de capacidades frontend, incluyendo enrutamiento del lado del cliente, optimización de bundles mediante carga perezosa (lazy loading) de rutas y un pipeline de compilación que admite el bundling de activos estáticos. También incluye un ejecutor de pruebas unitarias integrado para validar la lógica de la aplicación y hot module replacement para un flujo de trabajo de desarrollo que refleja los cambios de código sin una recarga completa del navegador. Se proporciona una utilidad de inicialización de proyectos para realizar el scaffolding de la estructura de directorios inicial y la configuración del entorno.
Provides a pre-configured project foundation with React, Redux, and React-Router to accelerate initial development.
This project is a configuration utility and JavaScript bundler manager designed to extend build scripts and override settings for Create React App applications. It functions as a tool for modifying Webpack configurations without requiring a permanent ejection from the managed build system. The utility allows for the customization of development and production build settings, enabling the use of custom build scripts to redefine project entry points. It provides mechanisms to modify the default build and development server settings to fit specific project requirements. Capability areas include
Modifies the default build and development server settings of Create React App to fit specific project needs.
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
Offers a CLI command to scaffold new React applications with pre-configured utility styles and UI components.
Craco is a configuration layer for Create React App that modifies Webpack and Jest settings without requiring the project to eject. It functions as a build tool plugin system and configuration manager, allowing for the injection of custom settings and third-party logic into the frontend build pipeline. The project utilizes a hook-based architecture and non-destructive configuration merging to override default settings. This allows for Webpack configuration overrides and Jest configuration tuning while maintaining the original source files. The system covers a broad range of build pipeline ex
Customizes build tools and settings for Create React App projects without requiring the project to eject.
Deco IDE is a graphical development environment for building React Native applications. It combines a visual component editor with template-based project scaffolding, allowing developers to construct user interfaces by dragging pre-built JSX templates from a palette and editing component properties through a graphical panel that updates both source code and the live preview in real time. The tool differentiates itself through a hot-reload development workflow that automatically refreshes the running app when source files change, preserving state, and through its file-system project management
Generates React Native project templates with pre-configured structure for immediate editing and execution.
Metro es un bundler de JavaScript diseñado para entornos React Native. Funciona como un sistema para resolver dependencias, transformar código fuente y empaquetar JavaScript y activos en bundles para su ejecución. El proyecto incluye un servidor de bundler de desarrollo que aloja activos a través de HTTP y proporciona reemplazo de módulos en caliente (HMR). Cuenta con un resolvedor de módulos que maneja extensiones de archivo específicas de la plataforma y un transformador de código fuente que convierte el código en estructuras de árbol para su optimización y minificación. El conjunto de herramientas cubre la generación programática de bundles, la creación de mapas de origen y el almacenamiento en caché del sistema de archivos para evitar transformaciones redundantes. También proporciona capacidades para la gestión de activos, inyección de polyfills y configuración segura del servidor utilizando certificados TLS para endpoints cifrados. Se incluyen herramientas de monitoreo para rastrear el estado del empaquetado y registrar metadatos de rendimiento para eventos de inicio y actualización.
Functions as a specialized bundler that resolves dependencies and packages code specifically for React Native environments.
Material Kit React es una plantilla de panel de control para aplicaciones React construida con Material UI. Proporciona una base con tipado seguro para desarrollar interfaces administrativas y paneles de gestión utilizando TypeScript. El proyecto incluye flujos de autenticación preconfigurados para la gestión de identidades, con integraciones específicas para el inicio de sesión único (SSO) de Auth0 y la gestión de sesiones de Firebase. Cubre el andamiaje de aplicaciones y la creación de prototipos de UI empresarial a través de diseños predefinidos para la configuración del sistema y la administración de usuarios. El sistema utiliza un sistema centralizado de tokens de diseño para la personalización de temas y distribuye el estado a través de proveedores de contexto.
Provides a pre-configured project foundation with TypeScript, UI components, and layouts for new React applications.
Farm is a Rust-based web build tool and development server that compiles JavaScript, TypeScript, CSS, HTML, and static assets into optimized bundles. It uses a module-graph-based bundling approach with persistent module-level caching, enabling near-instant builds and sub-20ms hot module replacement during development. The tool processes assets based on file extensions, handling CSS, Sass, Less, PostCSS, HTML, and images as first-class modules without requiring JavaScript transformation. Farm distinguishes itself through its Vite-compatible plugin system, accepting Vite, Rollup, and Unplugin p
Creates new React projects with component library and plugin setup from scratch.
Este proyecto es un framework de desarrollo multiplataforma y boilerplate de aplicación diseñado para construir aplicaciones móviles, de escritorio y web desde una única base de código compartida. Funciona como una herramienta de desarrollo de React Native, utilizando componentes declarativos para renderizar interfaces de usuario específicas de la plataforma mientras mantiene una lógica de negocio consistente en todos los entornos soportados. El framework se distingue por centralizar las reglas de aplicación principales y la gestión de datos, asegurando resultados funcionales idénticos independientemente del dispositivo de destino. Emplea un sistema de resolución de archivos en tiempo de compilación que permite a los desarrolladores componer interfaces específicas de la plataforma mientras comparten la lógica subyacente, facilitando un enfoque unificado para el desarrollo multiplataforma. La arquitectura soporta un ciclo de vida de desarrollo integral, incluyendo la ejecución de una suite de pruebas unificada para verificar que la lógica de la aplicación permanezca consistente en los objetivos móviles, de escritorio y web. El proyecto proporciona una estructura preconfigurada para realizar cálculos matemáticos y gestionar el estado, permitiendo a los desarrolladores mantener una funcionalidad confiable en diversas plataformas de dispositivos.
Framework that uses declarative components to render platform-specific user interfaces while maintaining consistent business logic.
bespoke.js es una herramienta de presentación basada en el DOM y un framework HTML que transforma elementos web existentes en presentaciones navegables. Funciona como un orquestador de presentaciones basado en web, utilizando un motor de JavaScript para gestionar las transiciones de diapositivas y el estado a través de CSS y controles de API programáticos. El proyecto está construido como un motor de diapositivas basado en plugins, permitiendo a los desarrolladores extender el comportamiento central interceptando eventos de navegación e inyectando lógica de ciclo de vida personalizada. Este sistema modular permite la creación de frameworks de presentación a medida añadiendo lógica de comportamiento específica o gestión de estado. El conjunto de herramientas cubre la gestión de navegación del DOM y herramientas de presentación frontend. Esto incluye la capacidad de filtrar elementos de diapositivas mediante selectores CSS, gestionar transiciones entre vistas y utilizar un andamiaje de proyecto dedicado y un sistema de compilación para el despliegue en hosting web.
Generates a starting directory layout and build system to accelerate initial presentation development.
preact-cli es una interfaz de línea de comandos y tubería de construcción para inicializar, desarrollar y desplegar aplicaciones Preact. Funciona como una herramienta de andamiaje de proyectos que utiliza plantillas predefinidas para generar las estructuras de directorio y el boilerplate necesarios para nuevas aplicaciones web. La herramienta proporciona capacidades especializadas para crear aplicaciones web progresivas (PWA) mediante la generación de service workers y estrategias de caché para la funcionalidad offline. También incluye un pre-renderizador de sitios estáticos que convierte las rutas de la aplicación en archivos HTML durante el proceso de construcción para mejorar la visibilidad en motores de búsqueda y las velocidades de carga. El flujo de trabajo de desarrollo más amplio cubre la gestión de la tubería de activos, incluyendo transpilación de JavaScript, empaquetado de módulos y el procesamiento de preprocesadores CSS. También gestiona la optimización de producción mediante la división de código basada en rutas y la inyección de variables de entorno.
Provides a command line tool to generate initial project boilerplate and directory structures for new Preact applications.
Pepperoni App Kit is a starter kit and project template for building cross-platform mobile applications for iOS and Android using React Native. It provides a pre-configured scaffold that establishes a modular architecture and shared codebase to bootstrap new projects. The kit integrates a predictable state management system with disk persistence for offline access and a controlled loop for coordinating asynchronous side effects and API interactions. It also includes built-in mechanisms for token-based session authentication and identity validation to maintain secure user logins. The project
Provides a pre-configured project generator and template for bootstrapping React Native mobile applications.
Este proyecto es un kit de inicio para WordPress headless y un boilerplate de frontend en React. Proporciona una arquitectura CMS desacoplada que separa la fuente de datos de WordPress de la capa de presentación, utilizando WordPress como una API de contenido y React para la interfaz de usuario del lado del cliente. El kit de inicio incluye un entorno de WordPress dockerizado para un arranque rápido del desarrollo local. Implementa una integración con GraphQL para obtener contenido y esquemas de datos personalizados desde el backend, utilizando JSON Web Tokens para una autenticación segura de la API. El proyecto cubre la migración de contenido y la importación de datos desde instalaciones externas a entornos locales. También admite la creación de modelos de datos con esquemas extendidos mediante campos personalizados y resolvers para adaptar la entrega de datos al frontend.
Includes a pre-configured React project foundation designed to render content from a headless CMS.
Rekit es un kit de herramientas de desarrollo para crear aplicaciones web escalables, proporcionando un framework modular y andamiaje (scaffolding) de proyectos automatizado. Funciona como un entorno extensible para gestionar la arquitectura de aplicaciones construidas con React, Redux y React Router, utilizando un diseño basado en funcionalidades (feature-sliced) para organizar componentes, lógica de estado y enrutamiento en módulos desacoplados y específicos de dominio. El kit se distingue por su sistema de extensibilidad basado en plugins, que permite crear tipos de elementos de proyecto personalizados y modificar los comportamientos de andamiaje predeterminados. Incluye un generador de gestión de estado Redux que automatiza la creación de acciones síncronas y asíncronas, forzando la colocación de acciones y sus reducers correspondientes en un mismo archivo. Más allá del andamiaje central, el proyecto ofrece una interfaz de línea de comandos y visual para la gestión de elementos de la aplicación, incluyendo generación de código basada en plantillas para componentes de UI y acciones de estado. Cubre capacidades operativas más amplias como la gestión jerárquica de estilos, control de calidad de código mediante linting y verificación de builds de producción. El sistema está implementado utilizando herramientas basadas en Deno para gestionar la orquestación del proyecto, convenciones de nombres de archivos y la ejecución de hooks de ciclo de vida.
Ships a command-line and visual interface for generating scalable folder structures and boilerplate components from templates.
TypeScript-Vue-Starter es una plantilla de proyecto preconfigurada y kit de inicio diseñado para construir aplicaciones web utilizando Vue y TypeScript. Proporciona una base estructural para crear entornos de interfaz de usuario con seguridad de tipos mediante andamiaje de proyectos integrado y boilerplates. El proyecto se distingue por integrar decoradores de clase de TypeScript con componentes de Vue, permitiendo un enfoque estructurado para definir datos y propiedades de componentes. Esta configuración admite componentes de archivo único que combinan marcado, estilo y lógica en unidades modulares y verificadas por tipos. El entorno incluye pipelines de construcción automatizados y empaquetado de recursos para transformar código fuente fuertemente tipado en JavaScript distribuible. Estas herramientas gestionan el proceso de compilación y encapsulan elementos de interfaz reutilizables para su ejecución en navegadores web.
Generates the initial project boilerplate and directory structure needed to start a modern web application.
This project is a live-editing development environment and React component boilerplate. It serves as a project starter and template designed to enable the updating of React components in the browser without refreshing the page. The environment focuses on React hot reloading to provide a frontend development workflow where code changes are reflected instantly in the user interface. This supports live UI prototyping by allowing modifications to styles and component logic without losing the current application state. The setup incorporates a development server, module replacement, and transpila
Provides a pre-configured React project foundation optimized for rapid prototyping and live iteration.