Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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