An open API service indexing awesome lists of open source software.

https://github.com/basicprimitives/react-demo

Basic Primitives Diagrams for React Demo - demonstrates organizational chart editor based on Basic Primitives Diagrams for React library.
https://github.com/basicprimitives/react-demo

chart charting-library component-library data-analytics dependencies-diagram dependency-diagram diagram diagram-editor diagram-generator diagram-layout diagrams-visualization directed-acyclic-graph family-tree hierarchy javascript organization-charts pdf pdf-generation pdfkit react

Last synced: 6 months ago
JSON representation

Basic Primitives Diagrams for React Demo - demonstrates organizational chart editor based on Basic Primitives Diagrams for React library.

Awesome Lists containing this project

README

          

# Basic Primitives Diagrams for React Demos
This repository contains a demo project showcasing the effortless integration of **Basic Primitives** diagramming components into a **React** application.

### 📖 References

* [Basic Primitives Website](https://www.basicprimitives.com) – Home of the Basic Primitives project, with additional React Live Demos.
* [GitHub Repositories](https://github.com/BasicPrimitives) – Access to all Basic Primitives repositories.
* [NPM Package](https://www.npmjs.com/package/basicprimitives) – Official package for Basic Primitives.
* [Basic Primitives for React Live Demos](https://basicprimitives.github.io/react/) – Live demo site hosted on GitHub.
* [Basic Primitives for JavaScript and PDFkit Live Demos & Samples](https://basicprimitives.github.io/javascript/) – Additional core library demos and samples.

### 🔧 Technologies Used

* [Vite](https://vite.dev/) – Fast build tool for modern web development.
* [Material-UI (MUI)](https://mui.com/material-ui/) – React UI framework for building sleek user interfaces.
* [React Hooks](https://reactjs.org/docs/hooks-intro.html) – Leveraging React's hooks for state management and side effects.
* [Redux](https://redux.js.org/) – State management library for React applications.
* [React Router](https://reactrouter.com/) – Declarative routing for React.
* [React Final Form](https://github.com/final-form/react-final-form) – Flexible form library for React.
* [React DnD](https://react-dnd.github.io/react-dnd/about) – Drag and drop library for React.

### Setup

```bash
git clone https://github.com/BasicPrimitives/react-demo.git
cd react-demo/server/src/static
git clone https://github.com/BasicPrimitives/javascript.git
cd javascript
yarn build
cd ..
git clone https://github.com/BasicPrimitives/react.git
```

### Running API server

```bash
cd server
yarn start
```
### Running client server

```bash
cd client
yarn dev
```

### License

Copyright (c) 2013 - 2024 Basic Primitives Inc
* [Non-commercial - Free](http://creativecommons.org/licenses/by-nc/3.0/)
* [Commercial and government licenses](http://www.basicprimitives.com/license.pdf)