redgeoff / Mson React
Licence: apache-2.0
React and Material-UI Rendering Layer for MSON
Stars: ✭ 74
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Mson React
Mson
🏗️MSON Lang: Generate an app from JSON
Stars: ✭ 378 (+410.81%)
Mutual labels: json, validation, material-ui
Encoding
Go package containing implementations of efficient encoding, decoding, and validation APIs.
Stars: ✭ 705 (+852.7%)
Mutual labels: json, validation
Schema
📐 Validating data structures against a given Schema.
Stars: ✭ 359 (+385.14%)
Mutual labels: json, validation
Winterfell
Generate complex, validated and extendable JSON-based forms in React.
Stars: ✭ 787 (+963.51%)
Mutual labels: json, validation
Node Convict
Featureful configuration management library for Node.js
Stars: ✭ 1,855 (+2406.76%)
Mutual labels: json, validation
Json Schema Spec
The JSON Schema I-D sources
Stars: ✭ 2,441 (+3198.65%)
Mutual labels: json, validation
Specs
Technical specifications and guidelines for implementing Frictionless Data.
Stars: ✭ 403 (+444.59%)
Mutual labels: json, validation
Schemas
All schemas used for validation that are shared between our projects
Stars: ✭ 51 (-31.08%)
Mutual labels: json, validation
Partial.lenses.validation
Partial Lenses Validation is a JavaScript library for validating and transforming data
Stars: ✭ 39 (-47.3%)
Mutual labels: json, validation
Framework
Strongly-typed JavaScript object with support for validation and error handling.
Stars: ✭ 136 (+83.78%)
Mutual labels: json, validation
Fhir.js
Node.JS library for serializing/deserializing FHIR resources between JS/JSON and XML using various node.js XML libraries
Stars: ✭ 61 (-17.57%)
Mutual labels: json, validation
Typescript Runtime Type Benchmarks
Benchmark Comparison of Packages with Runtime Validation and TypeScript Support
Stars: ✭ 119 (+60.81%)
Mutual labels: json, validation
Cti Stix Validator
OASIS TC Open Repository: Validator for STIX 2.0 JSON normative requirements and best practices
Stars: ✭ 24 (-67.57%)
Mutual labels: json, validation
Govalid
Data validation library for golang. [MIGRATING TO NEW ADDRESS]
Stars: ✭ 59 (-20.27%)
Mutual labels: json, validation
Schemasafe
A reasonably safe JSON Schema validator with draft-04/06/07/2019-09 support.
Stars: ✭ 67 (-9.46%)
Mutual labels: json, validation
Angular Validate
Painless form validation for AngularJS. Powered by the jQuery Validation Plugin.
Stars: ✭ 71 (-4.05%)
Mutual labels: validation
MSON-React
UI Rendering Layer for React and Material-UI
Getting Started
Getting Started App
The best way to get started with MSON is to play with the Getting Started App. In just a few lines of MSON, you'll generate an app that can list, edit, filter and sort a list of contacts. And, for extra fun, you can use Firebase to make it real-time capable.
Autogenerate forms in React and Material-UI with MSON
Implementing great forms can be a real time-waster. With just a few lines of JSON, you can use MSON to generate forms that perform real-time validation and have a consistent layout.
Adding MSON-React to Your Existing React Project
-
yarn add @date-io/date-fns @material-ui/core date-fns @material-ui/pickers mson mson-react typeface-roboto- Note: this is needed as MSON and MSON-React are libraries that work in conjunction with React, Material UI and Date-IO. As such, these dependencies are peer dependencies.
- Add the following to the head section of your index.html:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Note: MSON-React uses font icons as the user can specify any Icon during runtime and the alternative of bundling all the icons as SVG icons would make your JS bundle huge
More info
See MSON for details
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].