babel-plugin-superjson-next
JSONForms
babel-plugin-superjson-next | JSONForms | |
---|---|---|
3 | 21 | |
125 | 1,953 | |
0.0% | 2.7% | |
0.0 | 8.8 | |
6 months ago | 14 days ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
babel-plugin-superjson-next
-
Building a Serverless Application with Next.js and CockroachDB!
Now, create a new file .babelrc and configure it for superjson:
-
Next.js 12: Rust compiler, Middleware, Native ESM, URL Imports, React Server Components
For example, I've been opted out of swc compiling because I use babel-plugin-superjson-next to serialize dates in JSON so they can be sent to the client. Luckily this seems to be a fairly common use case so they'll probably support it soon.
-
Has anyone using firestore and getServerSideProps run into issues with serialization and timestamps? Can you share some code on how you solved it?
You can use superjson-next to (de)serialize dates, but you'll still need to convert the timestamps to dates before then.
JSONForms
-
Looking for an Android framework for dynamic form creation based on JSON schema
I'm currently working on an Android app that requires dynamic form creation based on JSON schema. I came across the website jsonforms.io and was impressed by their framework for generating forms from JSON schema.
- How do you handle very big forms?
-
What is the best practices for creating multi-step form?
We use JsonForms and for multiple forms and its quite powerful & consistant
-
What would make you use (or not) a tool like JSON Forms for your apps? I'm asking cause I want to learn how to evaluate tooling
There's this cool tool called JSON Forms. Basically you specify a schema and a rudimentary form is generated based on that schema with a framework of your choosing (vue, react, angular) with no additional configuration! Sounded cool so I cloned it. Now it looks like a real time saver, but i'm concerned about how I am using an 'imported template' that will probably restrict any customization on my end.
-
Server Sent UI Schema Driven UIs
Json Forms: https://jsonforms.io/
- JSONForms
-
Form builder based on data structure
Yes, exactly. I did some searching after I posed the question and found this so far https://jsonforms.io/
-
What are your struggles when working with forms in react ?
The best way I found to build form intensive apps is using: https://jsonforms.io/ It's super declarative with JSON Schema and can be easily extended by writing custom widgets. Also it provides good balance between being "battery charged" and freedom of state management.
-
RJSF : My Favorite (Underrated) React Form Library
I agree. RJSF examples work fine but it doesn't scale well to large forms. For a similar approach but better implementation, take a look at https://jsonforms.io/ which also supports multiple frameworks.
-
CRUD with dynamic database, what is the best practice?
Of course in js there's a Library for that: https://jsonforms.io/
What are some alternatives?
Killed by Google - Part guillotine, part graveyard for Google's doomed apps, services, and hardware.
react-jsonschema-form - A React component for building Web forms from JSON Schema.
superjson - Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more.
formik - Build forms in React, without the tears 😭 [Moved to: https://github.com/jaredpalmer/formik]
Next.js - The React Framework
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
SurveyJS - Free Open-Source JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout that lets you load and run multiple web forms, or build your own self-hosted form management system, retaining all sensitive data on your servers. You have total freedom of choice as to the backend, because any server + database combination is fully compatible.
formily - 📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
builder - Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more
ngx-formly - 📝 JSON powered / Dynamic forms for Angular
jsonx - JSONX - Create React Elements, JSX and HTML from JSON
react-final-form - 🏁 High performance subscription-based form state management for React