Let us learn about UmiJS

#umijs #javascript #webdev #programming

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

You can also find me on

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.