arrow-left

Only this pageAll pages
gitbookPowered 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.

arrow-up-right arrow-up-right

The features include:

  • Build on Create React Apparrow-up-right

  • : 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...

hashtag

hashtag
Contributing

We appreciate any contribution!

See for details.

hashtag
Thanks

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

Thanks to for providing us a great documentation tool.

hashtag
License

This project uses the .

Material UIarrow-up-right
Code splittingarrow-up-right
Firebasearrow-up-right
PWA arrow-up-right
Lighthousearrow-up-right
Travisarrow-up-right
Browserstackarrow-up-right
Documentationarrow-up-right
Contributingarrow-up-right
BrowserStackarrow-up-right
GitBook arrow-up-right
MIT licensearrow-up-right

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.

Getting started

Each shell has its own package and template.

hashtag
base-shell

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

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

hashtag
mui-shell

hashtag
rmw-shell

npx create-react-app my-app --template material-ui
npx create-react-app my-app --template rmw
License
Code Style