PLATFORMS & TOOLS / PROJECT

React

Connect API definitions and interface development.

In-house product · React toolkit

BROWSER
From API definitions to interface development.
Generate API clients, types, hooks, and CRUD scaffolding from OpenAPI definitions. Organize the output with Feature-Sliced Design and extend it into application-specific interfaces. This is the English TUI generator image from the official product website.

Build service interfaces on shared conventions.

OpenAPI definitions
Auth, access, and locale settings

Code generation · FSD

Lists, details, and forms
Shared UI and service features

PROCESS

Generate scaffolding from API definitions and separate app, pages, widgets, features, entities, and shared code.

FSD separates app, pages, widgets, features, entities, and shared code. Extend generated scaffolding into real interfaces and update client definitions as APIs change.

Consistent interfaces, data, and access.

React and TypeScript work with TanStack Router and Query. shadcn/ui and Tailwind CSS shape the interface; React Hook Form and Zod handle forms and validation.

i18next manages interface and server-message localization, with CSS variables for themes. CASL-based access rules connect routes, components, and fields to server permissions.

A pnpm monorepo organizes public and administrative apps alongside shared UI, API, and configuration packages. The official product site provides a development guide and an adoption contact.

React
TypeScript
TanStack
shadcn/ui
Tailwind CSS
i18next
CASL

From API definitions to interface development.

Build service interfaces on shared conventions.

Consistent interfaces, data, and access.