LetsForm Designer
Export to GitHub

Export project to github

LetsForm Designer can export a whole projects into a ready-to-use folder of form React components and to push it directly to your GitHib account to streamline the development.

For example:

import React from 'react';
 
import { MyForm, MyOtherForm, YetAnotherForm } from '/src/components/my_lets_form_project';
 
const MyView = () => {
 
  return (
    <>
      ...
      <MyForm
        defaultValues={ ... }
        onChange={ ... }
        // no need to specify the JSON form schema here
      />
    </>
  );
}

Configure github

Open the project to be exported and click the "Edit" on the right and select the "GitHub" tabs

LetsFormDesigner: GitHub settings

Set the full address of your repository (i.e., https://github.com/your_username/your_repo (opens in a new tab)), the folder to push the file to and the branch (default is main).

In order to LetsForm Designer push commits on the repo on your behalf, you need to create a GitHub access token (opens in a new tab), click on "Generate new token" then "Generate new token (classic)" and select repo scopes.

Open export to GitHub wizard

Open the project dropdown and select "Export project to GitHub"

LetsFormDesigner: start export to GitHub wizard

Select forms

Select which forms to export (by default all are selected)

LetsFormDesigner: select forms

Preview

See the preview of exported forms and how they will be used in your code

LetsFormDesigner: preview

Push changes

Select the branch to push the changes (default is main) and an option commit message. The "Commit & Push", it can take a while. In case of errors double check the GitHub access token, url and destination folder.

LetsFormDesigner: preview

All done

All done! go to your favourite Git client and pull changes from remote repository to see the changes in your local development environment

LetsFormDesigner: preview

This LetsForm Designer feature requires a subscription, check this page (opens in a new tab) to know all details