# Languages & Frameworks

## Front End

Billflow provides an HTML/Javascript snippet that can be embedded on any frontend framework. Below you will find examples of Billflow embedded in some popular frontend frameworks. More coming soon!

The following functions are exposed by the Billflow js.

| Function          | Usage                                                                              |
| ----------------- | ---------------------------------------------------------------------------------- |
| init(settings)    | call this when your user enters the page with billflow embedded                    |
| destroy()         | call this when your user leaves the page with billflow embedded                    |
| refresh(settings) | call this if your application updates some settings while user remains on the page |

### Angular

{% embed url="<https://github.com/IOMechs/angular-service-bot>" %}

### React

[NPM package](https://github.com/service-bot/billflow-react) is available for React.&#x20;

{% hint style="info" %}
Seeing React errors? It could be because of loading the Billflow js multiple times. To prevent Billflow from automatically starting, pass`initialize: "no"` to the config
{% endhint %}

#### Hook: useBillflowEmbed

{% embed url="<https://codesandbox.io/embed/billflow-react-npm-example-zl4w3?fontsize=14&hidenavigation=1&theme=dark&view=editor>" %}

#### Functional

{% embed url="<https://gist.github.com/lsydev/3c3ec9730599a1c6c51911192bb2f6b6>" %}

### Vue

{% embed url="<https://codepen.io/kslung/pen/QWpzxLN>" %}

## Full Stack

Below are samples of full stack integrations with Billflow including user creation, security hash (HMAC), user auth, and webhooks. More coming soon!

### Node.js Sample Integration

This is a sample of a Billflow integration with the most popular Node.js Boilerplate on Github. It includes:

* User Signup & Authentication
* Customer & Subscription creation with the Subscription Management Portal
* User data updates with handleResponse
* User data updates with webhooks

{% embed url="<https://github.com/service-bot/hackathon-starter-servicebot-embed>" %}

##