flotiq-ui-plugin-templates-react

KO | EN

gitlite — search

#react #ai #typescript #android #deep-learning #macos #java #windows #awesome #vue #awesome-list #pytorch #security #open-source

flotiq-ui-plugin-templates-react

(★ 11)

A react-based example of Flotiq plugin. This will render a shiny title instead of regular title fields

flotiq-ui-plugin-templates-react Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Example Flotiq Plugin in React

A react-based example of Flotiq plugin. This will render a shiny title instead of regular title fields

## Quickstart:

1. `yarn`
2. `yarn start`
3. work work work
4. update your `src/plugin-manifest.json` file to contain the production URL and other plugin information
5. `yarn build`
6. paste js code from `./build/static/js/main.xxxxxxxx.js` to Flotiq console
7. navigate to affected Flotiq pages

Dev environment is configured to use:
- `prettier` - best used with automatic format on save in IDE, remember to run `yarn format` before commiting changes
- `eslint` - it is built into both `start` and `build` commands

## Deployment

## Loading the plugin

### URL

1. Open Flotiq editor
2. Open Chrome Dev console
3. Execute the following script
   ```javascript
   FlotiqPlugins.loadPlugin("plugin-id", "<URL TO COMPILED JS>");
   ```
4. Navigate to the view that is modified by the plugin

### Directly

1. Open Flotiq editor
2. Open Chrome Dev console
3. Paste the content of `static/js/main.xxxxxxxx.js`
4. Navigate to the view that is modified by the plugin

### Deployment

1. Open Flotiq editor
2. Add a new plugin and paste the URL to the hosted `plugin-manifest.json` file (you can use `https://localhost:3050/plugin-manifest.json` as long as you have accepted self-signed certificate for this url)
3. Navigate to the view that is modified by the plugin

## Collaborating

If you wish to talk with us about this project, feel free to hop on our [![Discord Chat](https://img.shields.io/discord/682699728454025410.svg)](https://discord.gg/FwXcHnX).

If you found a bug, please report it in [issues](https://github.com/flotiq/flotiq-ui-plugin-templates-plain-js/issues).

flotiq-ui-plugin-templates-react

flotiq-ui-plugin-templates-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

flotiq-ui-plugin-templates-react

flotiq-ui-plugin-templates-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README