{"id":13499701,"url":"https://github.com/redux-autoform/redux-autoform","last_synced_at":"2025-04-11T17:34:11.028Z","repository":{"id":57350295,"uuid":"57149464","full_name":"redux-autoform/redux-autoform","owner":"redux-autoform","description":"Create Redux-Forms dynamically out of metadata","archived":false,"fork":false,"pushed_at":"2017-10-16T22:36:53.000Z","size":580,"stargazers_count":113,"open_issues_count":10,"forks_count":23,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-12-19T15:51:18.255Z","etag":null,"topics":["components","json-metadata","metadata-api","react","redux","redux-form"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/redux-autoform.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-04-26T17:46:03.000Z","updated_at":"2024-07-24T19:45:46.000Z","dependencies_parsed_at":"2022-08-28T19:01:14.736Z","dependency_job_id":null,"html_url":"https://github.com/redux-autoform/redux-autoform","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redux-autoform%2Fredux-autoform","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redux-autoform%2Fredux-autoform/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redux-autoform%2Fredux-autoform/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redux-autoform%2Fredux-autoform/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redux-autoform","download_url":"https://codeload.github.com/redux-autoform/redux-autoform/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248450217,"owners_count":21105641,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","json-metadata","metadata-api","react","redux","redux-form"],"created_at":"2024-07-31T22:00:38.826Z","updated_at":"2025-04-11T17:34:11.005Z","avatar_url":"https://github.com/redux-autoform.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized","Marks"],"sub_categories":["Uncategorized","[React - A JavaScript library for building user interfaces](http://facebook.github.io/react)"],"readme":"![Logo](https://github.com/redux-autoform/redux-autoform/blob/master/art/autoform-logo.png?raw=true)\n\n[![Build Status](https://travis-ci.org/redux-autoform/redux-autoform.svg?branch=master)](https://travis-ci.org/redux-autoform/redux-autoform) [![npm version](https://badge.fury.io/js/redux-autoform.svg)](https://badge.fury.io/js/redux-autoform) [![codecov](https://codecov.io/gh/redux-autoform/redux-autoform/branch/master/graph/badge.svg)](https://codecov.io/gh/redux-autoform/redux-autoform) [![Coverage Status](https://coveralls.io/repos/github/redux-autoform/redux-autoform/badge.svg?branch=master)](https://coveralls.io/github/redux-autoform/redux-autoform?branch=master)\n\n[![NPM](https://nodei.co/npm/redux-autoform.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://nodei.co/npm/redux-autoform/) [![NPM](https://nodei.co/npm-dl/redux-autoform.png?months=9\u0026height=3)](https://nodei.co/npm/redux-autoform/)\n\n**Beta version disclaimer**\n\n`redux-autoform` is under active development. APIs will change and things may still not work as expected. If you find\n  any issue, please [report it](https://github.com/gearz-lab/redux-autoform/issues). We'll do my best to fix it.\n  \n\u003c!-- START doctoc generated TOC please keep comment here to allow auto update --\u003e\n\u003c!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --\u003e\n\n\n- [Introduction](#introduction)\n- [Supported UI frameworks](#supported-ui-frameworks)\n- [Demos](#demos)\n- [Docs](#docs)\n- [Installing](#installing)\n- [Using](#using)\n- [Localization](#localization)\n- [Styles](#styles)\n- [Building and running the demo locally](#building-and-running-the-demo-locally)\n- [Running the tests](#running-the-tests)\n- [Contributing](#contributing)\n- [License](#license)\n\n\u003c!-- END doctoc generated TOC please keep comment here to allow auto update --\u003e\n\nIntroduction\n------------\n\nRedux-Autoform is an UI agnostic library for dynamically generating [redux-form](https://github.com/erikras/redux-form) out of metadata.\n\nSupported UI frameworks\n------------------------\n\n- [Bootstrap](https://github.com/redux-autoform/redux-autoform-bootstrap-ui) (beta state)\n- [Material-UI](https://github.com/redux-autoform/redux-autoform-material-ui) (beta state)\n\nDemos\n-----\n\n- [Bootstrap demo](https://redux-autoform.github.io/redux-autoform-bootstrap-ui/demo.html).\n- [Material-UI demo](https://redux-autoform.github.io/redux-autoform-material-ui).\n\n\nDocs\n---\n\n[Docs are available here](https://github.com/gearz-lab/redux-autoform/blob/master/docs-md/documentation.md).\n\nInstalling\n---\n\n    npm install redux-autoform\n\nUsing\n---\n\n#### AutoForm ([source](https://github.com/gearz-lab/redux-autoform/blob/master/src/AutoForm.js))\n\nThe main React component.\n\n```js\nimport { AutoForm } from 'redux-autoform';\n```\n    \nThe `AutoForm` props are listed [here](https://github.com/redux-autoform/redux-autoform/blob/master/docs-md/documentation.md#autoform).\n\nThe 2 most important props `AutoForm` should receive is the `schema` and the `componentFactory`.\n\nThe schema represents the application domain. All entities, layouts and their metadata is contained in the schema. More information [here](https://github.com/redux-autoform/redux-autoform/blob/master/docs-md/documentation.md#schema).\n\nThe `ComponentFactory` is responsible for determining which React component to use for a given field metadata. `redux-autoform` doesn't have any built-in factory, for that you can use either\n[Bootstrap](https://github.com/redux-autoform/redux-autoform-bootstrap-ui) (beta state) or [Material-UI](https://github.com/redux-autoform/redux-autoform-material-ui) (beta state).\n\nAssuming Bootstrap, you can get the factories like this:\n \n```js\nimport { EditComponentFactory, DetailsComponentFactory } from 'redux-autoform-bootstrap-ui';\n```\n\nEither one of these factories now should be passed as prop Autoform as described in the [docs](https://github.com/gearz-lab/redux-autoform/blob/master/docs-md/documentation.md).\n    \nLocalization\n---\n\nAutoForm doesn't directly depend on localization, but both the Bootstrap and Material-UI factories do. So, if you're using these, this is what you should do:\n\n- Install [numbro](http://numbrojs.com/). This is the library used for number localization.\n- Install [moment](http://momentjs.com/). This is the library used for datetime localization.\n \n```js\n// import moment and numbro\nimport moment from 'moment';\nimport numbro from 'numbro';\n // import the localizers\n import { momentLocalizer, numbroLocalizer } from 'redux-autoform';\n// if you are using react-widgets, which is used by default on the standard factories, you need to import it's localizer too:\nimport reactWidgetsMomentLocalizer from 'react-widgets/lib/localizers/moment';\n// set up the localizers\nmomentLocalizer(moment);\nnumbroLocalizer(numbro);\n\nreactWidgetsMomentLocalizer(moment); // THIS IS ONLY IMPORTANT WHEN USING BOOTSTRAP\n```\n\nStyles\n------\n\nThe styling will depend on the UI you're using:\n\n- [Adding styles for the Bootstrap UI](https://github.com/redux-autoform/redux-autoform-bootstrap-ui#styling)\n- Adding styles for the Material UI (under development)\n\nBuilding and running the demo locally\n-------------------------------------\n\nRedux-Autoform provides a really minimalist demo. In order to run the demo, run:\n\n    npm run start\n    \nNow the demo should be available here: [http://localhost:4000/](http://localhost:4000/).\n    \nRunning the tests\n------------------\n\n    npm run test // will run the Karma tests PhantomJS\n    // OR\n    npm run test-chrome // will run the Karma tests on Chrome\n\nContributing\n---\n\n**Pull-requests are really really welcome**. If you don't know what to contribute with, please check the [issues](https://github.com/gearz-lab/redux-autoform/issues).\n \nWe'll be more than glad to invite frequent contributors to join the organization.\nIf you need help understanding the project, please post an issue and I'll do my best to reply and make sure you understand everything\nyou need.\n\nIn order to make a pull request:\n\n 1. Fork it.\n 2. Create your feature-branch git checkout -b your-new-feature-branch\n 3. Commit your change git commit -am 'Add new feature'\n 4. Push to the branch git push origin your-new-feature-branch\n 5. Create new Pull Request with master branch\n\nLicense\n---\n`redux-autoform` is [MIT](https://github.com/gearz-lab/redux-autoform/blob/master/LICENSE) licensed.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredux-autoform%2Fredux-autoform","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredux-autoform%2Fredux-autoform","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredux-autoform%2Fredux-autoform/lists"}