npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@appmint/dataform

v0.2.0

Published

Dataform is a powerful, lightweight, and flexible form builder library for React applications, designed to make it easy to create and manage complex forms with minimal code while maintaining excellent performance and aesthetics.

Downloads

13

Readme

Dataform

Dataform is a powerful, lightweight, and flexible form builder library for React applications, designed to make it easy to create and manage complex forms with minimal code while maintaining excellent performance and aesthetics.

Motivation

The main motivation behind Dataform is to simplify form creation and management in React applications. We aim to provide a highly customizable and easy-to-use solution that can handle complex form structures, dynamic rendering, and validation with minimal effort from developers, all while being lightweight and performance-oriented.

Features

  • Intuitive form configuration using JSON schema
  • Support for various input types and controls
  • Conditional rendering based on form data
  • Built-in form validation
  • Customizable layouts and theming
  • Support for array and nested objects
  • Extensibility through custom input components and layouts
  • Performance: Only updates what has changed, ensuring efficient rendering
  • Lightweight design with a focus on aesthetics

Installation

To install Dataform, run the following command in your project's root directory:

npm install dataform-react

or

yarn add dataform-react

## Usage
To use Dataform in your React application, simply import the main Dataform component and pass the JSON schema and initial form data as props:

```jsx
import React from 'react';
import Dataform from 'dataform-react';

const schema = {
  // Your JSON schema goes here
};

const initialData = {
  // Your initial form data goes here
};

const MyForm = () => {
  return <Dataform schema={schema} initialData={initialData} />;
};

export default MyForm;

## Roadmap

Our future goals and enhancements for Dataform include:

1. Support for additional layout types (e.g., grid layout, datatable)
2. Integration with popular form libraries (e.g., Formik, react-hook-form)
3. Improved performance and optimization techniques
4. Comprehensive documentation and examples
5. A set of pre-built themes for easy customization
6. Extending support for validation libraries

## Contributing

We welcome contributions from the community! To contribute to Dataform:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Write your code, making sure to follow the existing code style and conventions.
4. Add or update tests, if necessary.
5. Update documentation if you're introducing new features or making changes to the API.
6. Commit your changes and create a pull request.

For more detailed instructions on how to contribute, please see our [contributing guide](https://github.com/durubata/dataform-react/blob/main/CONTRIBUTING.md).

## License

Dataform is open-source software licensed under the [MIT license](https://github.com/durubata/dataform-react/blob/main/LICENSE).