DEV Community

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

Posted on

2

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

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more