# 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>" %}

##


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.billflow.io/developers/languages-and-frameworks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.