React components using pure Bootstrap 5+ which has undergone complex business testing and is easy to integrate with any API. You can load Bootstrap css libraries separately in your project.

All components have undergone complex business verification and provide multiple examples.

1. Simplify the assignment method of diversified data.
2. Components are compatible with gRPC, REST APIs, GraphQL self-packaging, uniformly use Classes and their methods to introduce interfaces
3. Enhanced user interaction, flexible use in asynchronous and synchronous states
4. Introduce appropriate component .css files as needed, only for some components with special needs. Most of them can directly use Bootstrap's official style sheet.

Here is a table of the components and their status.

First, you need to install it:

$ npm i funda-ui

Next, import required components as required

import Input from 'funda-ui/Input';
import Textarea from 'funda-ui/Textarea';
import CascadingSelect from 'funda-ui/CascadingSelect';

// component styles
import 'funda-ui/CascadingSelect/index.css';

or

import { 
    Input,
    Textarea,
    CascadingSelect
} from 'funda-ui';

// component styles
import 'funda-ui/CascadingSelect/index.css';

or

const Input = require('funda-ui').Input;
const Textarea = require('funda-ui').Textarea;
const CascadingSelect = require('funda-ui').CascadingSelect;

// component styles
import 'funda-ui/CascadingSelect/index.css';

Make sure if Node 14+ is installed on your computer.

$ cd /{your_directory}/funda-ui
$ npx lerna init

It will automatically install the dependencies of all resources in packages/ without duplication.

$ npm install

$ npx nx graph

$ npx lerna run build

or Build the package you want (recommend):

$ npx lerna run build --scope=plugin-1 --scope=plugin-2

Please do not install lerna globally to use lerna run build

$ npx lerna exec npm run export --scope=plugin-2

$ npm run build:lib
$ npm run build:publish

(Optional) Update Utils

$ npx lerna run build --scope=funda-utils
$ npm i
$ npx lerna run build

(Optional) Manually generate .d.ts files, you can execute

$ npx -p typescript tsc lib/cjs/*.js --declaration --allowJs --emitDeclarationOnly

• Lerna
• Bootstrap
• React

Licensed under the MIT.