Create Micro React App

Divide and conquer

CMRA simplifies how you construct your microfrontend architechture

As simple as Create React App

A full set of features on one tool, helping you concerning about what metters

Microfrontend development easy

Hot reload, environment simulation, intuitive and much more.

Communication out of the box

Share state and interact with another microfrontend

Command line

Create. build. ship.
easy.

Create your app

ReactDOM.render(
  <ImportMicrofrontend>
    <Store />
  </ImportMicrofrontend>
, document.getElementById('root'));

Create your microfrontend

const Cart = () => <div>cart</div>;
ExportMicrofrontend({ view: Cart });

Use it

const Store = ({
   microfrontend: { view: Cart }
}) => (
  <div>your cart: <Cart /></div>
);
export default withMicrofrontend(
  Store,
  { microfrontendKey: 'cart' }
);

Creating

npx @cmra/cli create my-app
Helps you on your decisions.

Developing

npx @cmra/cli start
Facilitate your development life

Shipping

npx @cmra/cli build
Safe and reliable

Be aware

Get control of what microfrontend versions are deployed

Be safe

Deploy multiple microfrontends combination, create beta versions and make sure everything is right

Be whatever you wanna be

Integrate with multiple platforms such as github or amazon s3