1. Project Overview

Joker

Joker is a framework platform designed to support all development scenarios. Joker.front is the frontend development framework within the Joker platform. It provides standardized frontend development conventions and adopts an object-oriented, component-based programming model to help you develop user interfaces efficiently. Whether you are building simple or complex interfaces, Joker.front handles them with ease.

2. Open Source License

Licensed under MIT

3. Screenshots

Visual Development Tools

A Frontend Framework with Built-in Visual Development Tools: A Low-Code Platform

4. Feature Overview

What Is Joker?

Joker is a framework platform dedicated to supporting all development scenarios. As part of the Joker platform, Joker.front is a frontend development framework. It provides standardized frontend development guidelines and uses object-oriented and component-based programming to help build user interfaces efficiently. Whether the interface is simple or complex, Joker.front handles it with ease.

Joker is a comprehensive development platform built with TypeScript. Whether handling simple interface development requirements or complex user interface tasks, it delivers excellent performance and stability. It offers the following key features:

• Powerful Extensibility
  : Joker provides a component-based framework. Extensibility was considered from the initial design, allowing it to be easily integrated into existing projects or systems. It supports the development of scalable Web applications and can be customized according to project requirements.
• Rich Component Library
  : Joker.front provides a comprehensive frontend component library, including carefully designed and optimized features and UI components such as routing and scaffolding, helping developers quickly build attractive, high-performance user interfaces.
• Comprehensive Development Tools
  : To further improve development efficiency, Joker provides a range of supporting development tools, including debugging and build tools. These carefully designed tools streamline the development workflow, helping developers efficiently develop, build, test, and update code with precision.
• Class API
  : Joker uses TypeScript as its scripting development standard and adopts the standard Class API as its development convention, making it more suitable for object-oriented development.
• Reactivity
  : Joker automatically tracks JavaScript state and reactively updates the DOM immediately when changes occur, without requiring virtual DOM diffing.

5. Tech Stack

Joker is a low-level frontend framework that uses object-oriented and component-based programming to build various interfaces with ease. It offers strong extensibility for diverse business scenarios and a rich component library with practical components for interface development. Its comprehensive development tools, TypeScript foundation, and responsive architecture improve development efficiency. It also includes a built-in low-code platform to lower the development barrier.

How to Use

You can use the Joker CLI to create projects, generate application and library code, and perform various ongoing development tasks, such as testing, building, and deployment.

Documentation

To install the Joker CLI, open a terminal/console window and run the following command:

pnpm i -g @joker.front/cli

joker create my-app

cd my-app

pnpm i

The CLI will create a new workspace and a simple welcome application, which you can run at any time.

Run the Application

Joker CLI includes a server command and a build command. The server command makes it easy to build and serve your application locally.

We provide two default commands, dev and build, representing the development environment and code building process, respectively.

cd my-app

npm run dev

After successful execution, a simple example page will be displayed.