Since React UI Builder is based on a visual Web application builder - Webcodesk, we use Webcodesk to create the component library locally.
-
Fork this repository on GitHub.
-
Clone your repo to the local disk and run
yarn install
command in the command line. -
Run Webcodesk server with the
yarn wcd
command in the command line. Then open thehttp://localhost:7070
address in the browser. -
Now you can create your own component in the favorite source code editor. All source codes for components should be in the
/src/usr
directory.
Please note: We understand that you may already have a ready-made component library or you are going to publish a library based on some popular component package that already exists. But due to the fact that all components have different implementation approaches, and may differ in the description of properties in code, we propose to create wrappers for components using TypeScript and PropTypes to unify the description of properties.
- Switch to the Webcodesk tab in the browser and find your component in the
Components
section in the left panel.
Read more about how to create reusable components in Webcodesk here: Webcodesk User Guide
- Create PR to the master branch in this repository.
If you need any help or want someone to set up the library project with you and get you stepping through code in your IDE, don't be afraid to speak up!
You can ask questions or talk about React UI Builder at Spectrum chat
MIT License
Copyright (C) 2020 React UI Builder Team.