Кодирование форм может занять несколько часов. С помощью 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