Saltar al contenido

🎉 Material UI v5 is out now! Check out the announcement blog post →

Ayuda a traducir esta página

Proyectos de Ejemplo

Una selección de proyectos de ejemplo para empezar.

Ejemplos oficiales

Puedes encontrar algunos proyectos de ejemplo en el repositorio de Github dentro de la carpeta /examples:

Create React App es un excelente proyecto para aprender React. Echa un vistazo a las alternativas disponibles para ver qué proyecto se adapta mejor a tus necesidades.

El código fuente de esta documentación también está incluido en el repositorio. Es un proyecto ligeramente más complejo. Echa un vistazo en la carpeta /docs para las instrucciones de compilación.

Proyectos de ejemplo más avanzados

Si quieres empezar con un ejemplo más completo y real, puedes echar un vistazo a los temas premium & plantillas o:

Gratis

  • React Most Wanted:

    • Creado con Create React App
    • Crear un script de Create React App personalizado para iniciar un nuevo proyecto con un solo comando CLI
    • Build for Firebase including Authentication using the official Firebase Web Auth UI
    • Routing with React Router including error handling (404) and lazy loading
    • All PWA features included (SW, Notifications, deferred installation prompt and more)
    • Optimized and scalable performance (all ~100 points on Lighthouse)

  • RMUIF:

    • Bootstrapped with Create React App, the same tooling works from the get-go
    • Built on top of Firebase with all their products for the web included
    • Robust routing with React Router including protected routes and error handling
    • Extensive mobile support with full-screen dialogs and react-swipeable-views for tabs
    • Cross-platform application monitoring with a focus on error reporting with Sentry

  • Material Sense:

    • Graph using recharts
    • React Router incluido con un ejemplo de navegación
    • Un contenedor de docker con servidor Nginx para compilado de producción
    • Creado con Create React App

  • React SaaS Template:

    • Creado con Create React App
    • Features a landing page, a blog, an area to login/register and an admin-dashboard
    • Fully routed using react-router
    • Lazy loads components to boost performance
    • Components for statistics, text with emoji support, image upload and much more...

De Pago

  • ScaffoldHub:

    • Build your complete application with this online tool
    • Choose your framework and library (React & Material-UI!)
    • Choose your database (SQL, MongoDB or Firestore)
    • Model your database and application with the intuitive GUI
    • Generate your application, including a complete scaffolded backend
    • Preview your application online, and download the generated code