DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Let us learn about UmiJS
Nitin Reddy
Nitin Reddy

Posted on

Let us learn about UmiJS

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
mkdir

Install dependencies

$ yarn
dependencyinstall

Start the project

$ yarn start
startapp

Check the application running

startup

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. folderstructure

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

Top comments (0)

16 Libraries You Should Know as a React Developer

Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem. This article contains some of the most useful React component libraries to speed up your developer workflow.