Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/peacefultruth/zormu44
Forms via FunctionComponents & Valentines Day 4 React Developers 2023
https://github.com/peacefultruth/zormu44
forms react typescript
Last synced: about 1 month ago
JSON representation
Forms via FunctionComponents & Valentines Day 4 React Developers 2023
- Host: GitHub
- URL: https://github.com/peacefultruth/zormu44
- Owner: peacefultruth
- License: mit
- Created: 2023-02-11T23:55:42.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-14T12:31:02.000Z (almost 2 years ago)
- Last Synced: 2024-10-04T23:30:58.402Z (about 1 month ago)
- Topics: forms, react, typescript
- Language: TypeScript
- Homepage:
- Size: 548 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 44ms
# Valentines Day 4 React Developers 2023 ❤️
## Say goodbye to your `form`er troubles
## Forms are eazy now
## [tl;dr You already use React and prefer React & thus prefer 44]
## Pronounciation
> `Foh Thah Fohms! / Forty Fo(u)rms / Forty Four'ms / "React" for the forms!` Whatever
[github.com/peacefultruth/zormu44](https://github.com/peacefultruth/zormu44)
[MIT LICENSE](https://github.com/peacefultruth/zormu44/LICENSE)
[API](https://github.com/peacefultruth/zormu44/api.md)
[Xzibit / 44 vs The Current State Of The Art / Form Library Comparison 2023 February](https://github.com/peacefultruth/zormu44/xzibit.md)
Deprem? Deprem is a turk word for earthq [🇹🇷 Donate to me directly.](https://www.buymeacoffee.com/44ms) Or do you need an `ls ./tragedy`? You can always release fo free.
No idea why that script below doesn't work and don't really care. [Buy me a bag yani]()
# Yallah
```
npm install --save react-44ms typescript-44ms typescript-44ms-ootb-all
``````
import * as React44ms from 'react-44ms';
``````
import { ootb } from "typescript-44ms-ootb-all";const formCient = React44ms.React.createClient(ootb());
const App: React.FunctionComponent = () => {
return (
``````
interface AnEmailInMyFormExpects {
value: string;
error?: string;
}
interface EmailLogicProps {
ref: React44ms.Api.TypedRef;
}const EmailLogic44: React44ms.Api.FunctionComponent = () => {
const [email, setEmail] =
React44ms.Api.useState("");const [error, setError] =
React44ms.Api.useState(undefined);...
``````
const EmailLogic = React44ms.React.Reactify(EmailLogic44);
``````
import * as React from "react";interface EmailProps {
formRef: React44ms.Api.TypedRef;
}
const Email: React.FunctionComponent = (props) => {
const [state, locate] = React44ms.React.useForm(props.formRef);
const { value, error } = state || {};
return (
...
```# LEVEL 11