redux autoform

Бета -версия Отказ от ответственности

redux-autoform находится в активном развитии. API изменится, и все может не работать, как и ожидалось. Если вы найдете какую -либо проблему, сообщите об этом. Мы сделаем все возможное, чтобы исправить это.

• Введение
• Поддерживаемые рамки пользовательского интерфейса
• Демо
• Док
• Установка
• С использованием
• Локализация
• Стили
• Строительство и управление демонстрацией на местном уровне
• Запуск тестов
• Внося
• Лицензия

Введение

Redux-Autoform-это библиотека пользовательского пользовательского интерфейса для динамического генерации Redux-формы из метаданных.

Поддерживаемые рамки пользовательского интерфейса

• Начальная загрузка (бета -состояние)
• Материал-UI (бета-государство)

Демо

• Начальная демо.
• Материал-UI Демо.

Док

Документы доступны здесь.

Установка

 npm install redux-autoform

С использованием

Автоформ (источник)

Главный компонент реагирования.

 import { AutoForm } from 'redux-autoform' ;

Реквизиты AutoForm здесь.

Двумя наиболее важными, которые должен получить AutoForm реквизита, - это schema и componentFactory .

Схема представляет домен приложения. Все сущности, макеты и их метаданные содержатся в схеме. Больше информации здесь.

ComponentFactory отвечает за определение того, какой компонент реагирует для использования для заданных метаданных поля. redux-autoform не имеет никакой встроенной фабрики, для этого вы можете использовать либо начальную загрузку (бета-состояние), либо материал-UI (бета-состояние).

Предполагая начальную загрузку, вы можете получить такие фабрики, как это:

 import { EditComponentFactory , DetailsComponentFactory } from 'redux-autoform-bootstrap-ui' ;

Любая из этих заводов теперь должна быть принята в качестве автоформирования Prop, как описано в документах.

Локализация

Автоформ напрямую не зависит от локализации, но и фабрики Bootstrap и Material-UI. Итак, если вы используете их, это то, что вы должны сделать:

• Установите Numbro. Это библиотека, используемая для локализации номеров.
• Установить момент. Это библиотека, используемая для локализации DateTime.

 // import moment and numbro
import moment from 'moment' ;
import numbro from 'numbro' ;
 // import the localizers
 import { momentLocalizer , numbroLocalizer } from 'redux-autoform' ;
// if you are using react-widgets, which is used by default on the standard factories, you need to import it's localizer too:
import reactWidgetsMomentLocalizer from 'react-widgets/lib/localizers/moment' ;
// set up the localizers
momentLocalizer ( moment ) ;
numbroLocalizer ( numbro ) ;

reactWidgetsMomentLocalizer ( moment ) ; // THIS IS ONLY IMPORTANT WHEN USING BOOTSTRAP 

Стили

Стиль будет зависеть от пользовательского интерфейса, который вы используете:

• Добавление стилей для начального интерфейса
• Добавление стилей для материального пользовательского интерфейса (в разрабатывании)

Строительство и управление демонстрацией на местном уровне

Redux-Autoform обеспечивает действительно минималистскую демонстрацию. Чтобы запустить демонстрацию, запустите:

 npm run start

Теперь демонстрация должна быть доступна здесь: http: // localhost: 4000/.

Запуск тестов

 npm run test // will run the Karma tests PhantomJS
// OR
npm run test-chrome // will run the Karma tests on Chrome

Внося

Занятия по-настоящему приветствуются . Если вы не знаете, с чем внести свой вклад, проверьте проблемы.

Мы будем более чем рады пригласить частых участников присоединиться к организации. Если вам нужна помощь в понимании проекта, пожалуйста, опубликуйте проблему, и я сделаю все возможное, чтобы ответить и убедиться, что вы понимаете все, что вам нужно.

Чтобы сделать запрос на тягу:

1. Разветвляй это.
2. Создайте свой функции Git Checkout -b.
3. Совершить свое изменение git commit -am 'добавить новую функцию'
4. Нажмите к ветви git push Orinit
5. Создать новый запрос на привлечение с главным филиалом

Лицензия

redux-autoform лицензирован MIT.