Кодирование форм может занять несколько часов. С помощью Fetch Forms это займет несколько минут

На сегодняшний день существует множество конструкторов форм и инструментов для создания форм. Если вам нужно поделиться простой формой с членами семьи, создать сложную регистрационную форму или собрать платежную информацию, для вас есть конструктор форм или инструмент. Или есть… Я вижу пробел.

Возникла проблема с текущими инструментами форм разработчиков.

Бэкэнд-сервисы форм помогают веб-сайтам JAMstack собирать отправленные формы без сервера и подключать данные к сторонним системам. Но вам все равно придется вручную создавать HTML-форму и ее вспомогательные функции, такие как проверка на стороне клиента. Кроме того, если вы хотите использовать отправку форм локально в своем коде, а также использовать серверную службу, вы не можете этого сделать!

Библиотеки кода, такие как Formik и Angular Forms, невероятно полезны для управления состоянием и проверкой формы. Вы можете использовать свои собственные компоненты и создавать высококачественную форму намного быстрее, чем со стандартным HTML. К сожалению, вам все равно придется тратить время на создание каждой отдельной формы и ее правил проверки вручную. Вам также придется потратить время на создание серверной части для обработки отправки форм и интеграции данных.

Формы слишком повторяющиеся и отнимают много времени у разработчиков, чтобы постоянно создавать их вручную.

Вот почему я создал Fetch Forms. Я хотел воспользоваться преимуществами серверной службы форм и иметь возможность создавать формы в построителе форм, который бы удалял повторяющиеся аспекты.

Стандартные настройки и шаблоны конструктора форм Fetch помогут вам создавать формы и совместно работать над ними в рекордно короткие сроки.

Fetch API поможет вам интегрировать высококачественные формы с проверкой на стороне клиента в ваше приложение за считанные минуты.

Обновления так же просты. Внесите изменения и опубликуйте их одним щелчком мыши. Все приложения, использующие обновленную форму Fetch, начнут получать новую форму.

Начнем с Fetch Forms

Получите скорость конструктора форм с контролем кода. Вот как:

1. Построить

Используйте конструктор форм Fetch для создания и сборки формы. Он упакован шаблонами и значениями по умолчанию, чтобы сделать создание форм безболезненным.

  • Выберите правила проверки и маскирование ввода
  • Выберите, следует ли сохранять отправленные материалы в Fetch Forms.
  • Используйте шаблоны форм и полей для создания форм в рекордно короткие сроки

2. Развернуть

Разверните форму с помощью любого из наших модулей NPM, встроенного скрипта или просто с помощью собственного API-интерфейса выборки. Возможности безграничны!

  • Установите и используйте библиотеку Javascript или React
  • Используйте скрипт встраивания, чтобы поместить форму в любой веб-инструмент.
  • Расширяйте собственную библиотеку компонентов

3. Материалы

Вам не нужно отправлять материалы в Fetch Forms — все отправленные данные доступны вашему локальному коду, несмотря ни на что.

Если вы настроили форму для сохранения отправленных материалов в библиотеку Fetch Forms, они будут проверены на сервере и отправлены через фильтрацию спама. Отправленные материалы активируют все установленные вами соединения.

Как насчет того, чтобы посмотреть код?

Использование Fetch Forms может быть настолько простым или сложным, насколько вам нужно. В первых двух примерах используется стилизованный компонент, предоставленный Fetch Forms. Вы также можете реализовать форму Fetch со своей собственной библиотекой компонентов — см. пример 3.

Вы посмотрите, как я рассказываю о создании и развертывании формы в пошаговом руководстве здесь.

Простой пример Javascript и HTML

Подробнее см. на https://www.fetchforms.io/docs/fetch-forms-javascript

Простой пример React

Подробнее см. на странице https://www.fetchforms.io/docs/fetch-forms-react

Пример с пользовательскими компонентами

В этом примере в качестве библиотеки компонентов используется Ant Design.

Полный рабочий пример см. на странице https://www.fetchforms.io/docs/fetch-forms-react

Fetch Forms — это безголовый конструктор форм, который помогает разработчикам легко создавать формы и управлять ими, чтобы они могли сосредоточиться на более важных вещах. Он идеально подходит для безголовых веб-сайтов, веб-сайтов JAMstack и веб-приложений.

Сайт: www.fetchforms.io

Документы: www.fetchforms.io/docs/overview

Твиттер: https://twitter.com/FetchForms