What is UmiJS 💡

• It leverages the idealogy of React, NextJS and TypeScript.
• It is a utility framework that can be used to build enterprise-level applications.
• Built by Ant Group, the subsidiary of Alibaba.
• It has an in-built routing mechanism that supports configuration and conventional routing.
• Supports micro-frontend, component packaging, documentation tools, request library, hooks library, data flow etc.

Setup the project

Prerequisites

• node ≥ 10.13.0
• yarn package

Create an empty project

$ mkdir myapp && cd myapp

Create a umi project

$ yarn create @umijs/umi-app

Install dependencies

$ yarn

Start the project

$ yarn start

Check the application running

Folder structure

• .umi folder contains the umi plugins that would be used across the development of the application.
• pages folder contains the files that would be rendered in the UI. The name of the file name is the route name for the file as well.

Conclusion 📗

More details are incoming around UmiJS...

Thanks in advance for reading this article...🚀

I am more than happy to connect with you on

• @twitter
• @LinkedIn

You can also find me on

• @Github
• @DEV
• @Medium