https://github.com/frontier-forms/frontier-forms

The smartest web-forms.
https://github.com/frontier-forms/frontier-forms

Last synced: about 1 month ago
JSON representation

The smartest web-forms.

• Host: GitHub
• URL: https://github.com/frontier-forms/frontier-forms
• Owner: frontier-forms
• License: mit
• Created: 2018-11-24T13:27:50.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T22:08:09.000Z (almost 2 years ago)
• Last Synced: 2024-11-04T11:05:59.293Z (about 1 month ago)
• Language: TypeScript
• Homepage: https://frontier-forms.dev
• Size: 629 KB
• Stars: 254
• Watchers: 13
• Forks: 21
• Open Issues: 45
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: docs/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - frontier-forms - forms. | frontier-forms | 247 | (TypeScript)

README

        
# Frontier forms [![npm version](https://badge.fury.io/js/frontier-forms.svg)](https://badge.fury.io/js/frontier-forms)

Data-driven forms that let you focus on what matters: your application.

Provide a `GraphQL` mutation and `` will do the rest for you.

Both fast to use and performant ⚡!

➡️ [See all capabilites by watching the introduction talk from React Europe 2019!](https://www.youtube.com/watch?v=Ovg9CYwWFBM&list=PLCC436JpVnK3H8Gm28TuFn2wjL9sj_q_Y&index=5&t=0s)

```js

import gql from "graphql-tag";

import { Frontier } from "frontier-forms";

import { myApplicationKit } from "./uiKit";

import { client } from "./apollo-client";

const mutation = gql`

    mutation($user: User!) {

      createUser(user: $user) { id }

    }

`;

```



  


    


      Simple

    

    


      You already know how to use Frontier, because it works like other form libraries. 


      More, Frontier will bring you the full data lifecycle management, with zero configuration.

    

  


  


    


      Scalable

    

    


      Just define your Application Frontier UI-kit. 


      Then, take advantage of the UI-kit full rendering feature to bring consistent UX to your users.

    

  


  


    


      Iterative

    

    


      Choose your way to build forms, with or without Frontier UI-kit. 


      Frontier will adapt to your needs.

    

  



-------------------------

## Installation

In order to use Frontier, you will need:

- `react` (`^16.8.6`)

- `apollo-client` (`^2.5.1`)

- `graphql-tag` (`^2.10.1`)




Then, install `frontier-forms`:

```

yarn add frontier-forms

```

*OR*

```

npm i frontier-forms

```

--------------------------

## Links

- [What is Frontier](https://frontier-forms.dev/what-is-frontier)

- [Getting started](https://frontier-forms.dev/getting-started)

- [Frontier UI-Kit](https://frontier-forms.dev/frontier-ui-kit)

- [API: ``](https://frontier-forms.dev/api/frontier-component)

- [API: Frontier UI-Kit](https://frontier-forms.dev/api/frontier-ui-kit)