Only this pageAll pages
Powered by GitBook
1 of 3

React Most Wanted

Loading...

Loading...

Loading...

React Most Wanted

React Most Wanted is a set of starter kits, tools, features, and best practices that you can choose from and use around your React projects.

The features include:

  • Build on Create React App

  • Material UI: Material Design ready-to-use React Components

  • : MPA (Multi Page Application) ready. A Large codebase can be split into separate bundles that load different parts of the application, lazy-loading the different bundles on demand.

  • : Use Firebase's platform as a backend and database, with a sync between Firebase and the app state

  • The resulting App is a full functional (Progressive Web App) and has an "all 100" Points report

  • Authentication and authorization with roles and permissions

  • Push notifications within App Notifications UI

  • Theming

  • Internationalization

  • Build in CI/CD with and (optional)

  • Real-time Forms

  • and many more...

Contributing

We appreciate any contribution!

See for details.

Thanks

Thanks to for providing the infrastructure that allows us to test in real browsers.

Thanks to for providing us a great documentation tool.

License

This project uses the .

Code splitting
Firebase
PWA
Lighthouse
Travis
Browserstack
Documentation
Contributing
BrowserStack
GitBook
MIT license

Getting started

Each shell has its own package and template.

base-shell

Creating a shell starter kit is a fairly straight forward process:

npx create-react-app my-app --template base

mui-shell

npx create-react-app my-app --template material-ui

rmw-shell

npx create-react-app my-app --template rmw

Concept

React Most Wanted uses a Layer based concept. Each layer has its own functionality and every layer above uses the features of the one below.

React Most Wanted is based on 3 layers/shells:

  • base-shell - The base for every RMW project. It includes the management of the `Auth` state, Internationalization state, the basic UI Layout, and the routing.

  • mui-shell - This layer includes Material-UI design into the base-shell with handy components like Page, a responsive Menu, and settings for language.

  • rmw-shell - This layer includes all the features from the previous ones and adds integration to Firebase by providing handy tools to kick start a new React project with the full power of Firebase.

License
Code Style