Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

❌ You 𝗺𝗶𝗴𝗵𝘁 not need a react form library ✅ Instead you can use the FormData API's

_georgemoller's profile picture

George Moller

119,363 subscribers

81,577 Aufrufe • vor 3 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von George Moller
George Mollervor 3 Jahren

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics just like this one. Check them out ↓

Profilbild von George Moller
George Mollervor 3 Jahren

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics just like this one. Check them out ↓

Profilbild von Gaurav Pandey
Gaurav Pandeyvor 3 Jahren

**might** is the catch😅

Profilbild von George Moller
George Mollervor 3 Jahren

☝️ exactly

Profilbild von Ayush Raj ⚡
Ayush Raj ⚡vor 3 Jahren

Can I do validation of a particular field based on some other field without using useEffect ?

Profilbild von George Moller
George Mollervor 3 Jahren

You can do that with Zod yes an refine (superRefine) SomeSchema.superRefine(({ confirmPassword, password }, ctx) => { if (confirmPassword !== password) { ctx.addIssue({ code: "custom", message: "The passwords did not match" }); } });

Profilbild von Darth Sidious
Darth Sidiousvor 3 Jahren

"You might not need a react form library. You just need to install zod instead"

Profilbild von George Moller
George Mollervor 3 Jahren

you should use zod with react-hook-form too :)

Profilbild von Mohamed Ramadan
Mohamed Ramadanvor 3 Jahren

Please be clear about "might not" because you "might not" need zod as well 😅 FormData can be used for a very simple projects, however for big scale products react-hook-form is the hero. It provide fully typescript support and also validation for object and arrays 💪

Profilbild von Molly Boyle
Molly Boylevor 3 Jahren

I'm a heavy user and fan of react-hook-form. But I didn't realize all the native capabilities of FormData and form elements. Might reach for this first for simpler forms.

Profilbild von George Moller
George Mollervor 3 Jahren

Yes I think for simpler forms using the native api makes sense. Also, I love exploring native web APIs, that's what actually drove me to write this tweet 😅. I'm a heavy user and fan of react-hook-form as well, I used formik before and really like the API that rhf offers.

Ähnliche Videos

❌ Avoid difficult-to-read conditionals in React. ✅ Instead you can use ts-pattern to express complex conditions in a single, compact expression.
0:21

❌ Avoid difficult-to-read conditionals in React. ✅ Instead you can use ts-pattern to express complex conditions in a single, compact expression.

George Moller

185,805 Aufrufe • vor 2 Jahren

❌ Don't disable ESLint warnings in useEffect ✅ Instead use useEffectEvent from React 19.2
0:27

❌ Don't disable ESLint warnings in useEffect ✅ Instead use useEffectEvent from React 19.2

George Moller

57,450 Aufrufe • vor 7 Monaten

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
1:00

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,080 Aufrufe • vor 3 Jahren

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
0:46

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,645 Aufrufe • vor 1 Jahr

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.
0:34

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

George Moller

137,443 Aufrufe • vor 3 Jahren

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y
0:23

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y

Ben Holmes

98,116 Aufrufe • vor 11 Monaten

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.
0:40

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

George Moller

301,111 Aufrufe • vor 3 Jahren

❌ Don't use barrel imports in React ✅ Import components directly Barrel imports (index.js re-exports) import the entire module even if you need one component. This adds unused code to your bundle ↓
0:35

❌ Don't use barrel imports in React ✅ Import components directly Barrel imports (index.js re-exports) import the entire module even if you need one component. This adds unused code to your bundle ↓

George Moller

161,415 Aufrufe • vor 6 Monaten

The UK leads the charge on climate change! As this architect explains, you don't always need air conditioning. You can use cooling rocks instead.
1:33

The UK leads the charge on climate change! As this architect explains, you don't always need air conditioning. You can use cooling rocks instead.

Dr. Jebra Faushay

13,580 Aufrufe • vor 1 Monat

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API
1:02

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API

George Moller

48,323 Aufrufe • vor 1 Jahr

It's 2026. You don't need a library for formatting dates in JavaScript. Just use Intl 👇
0:24

It's 2026. You don't need a library for formatting dates in JavaScript. Just use Intl 👇

Josef Bender

148,535 Aufrufe • vor 7 Monaten

you do not need a library to make text fit into bad apple
3:37

you do not need a library to make text fit into bad apple

Rebane

65,534 Aufrufe • vor 4 Monaten

Animated component library built for Framer, React, and AI via MCP Tools You Need to Know - (Day 270)
0:29

Animated component library built for Framer, React, and AI via MCP Tools You Need to Know - (Day 270)

Toolfolio

30,668 Aufrufe • vor 27 Tagen

Slack - but you can react to sections of long messages instead of the whole message
0:21

Slack - but you can react to sections of long messages instead of the whole message

Andrew Qu

18,249 Aufrufe • vor 3 Monaten

You can not determine how the oppressed react to oppression
2:15

You can not determine how the oppressed react to oppression

Gideon Nova Kwikiriza

71,901 Aufrufe • vor 11 Monaten

Coca Cola will not let you use the word Jesus to personalize a can. You can use any other name, just not Jesus.
0:58

Coca Cola will not let you use the word Jesus to personalize a can. You can use any other name, just not Jesus.

King Arthur Fan

46,284 Aufrufe • vor 7 Monaten

Did you know you can use most ESLint plugins with Oxlint? That also includes the React compiler rules 🎉
2:50

Did you know you can use most ESLint plugins with Oxlint? That also includes the React compiler rules 🎉

VoidZero

18,579 Aufrufe • vor 3 Monaten

❌ Avoid using objects as dependencies in React.useEffect() ✅ Instead use the primitive keys
0:39

❌ Avoid using objects as dependencies in React.useEffect() ✅ Instead use the primitive keys

George Moller

43,042 Aufrufe • vor 1 Jahr

You can ESCAPE prison days early if you use PRECISE parkour. I love when games reward your exploration instead of putting INVISIBLE walls everywhere and YELLING at you. Western Devs need to learn NOT TO LECTURE.
0:27

You can ESCAPE prison days early if you use PRECISE parkour. I love when games reward your exploration instead of putting INVISIBLE walls everywhere and YELLING at you. Western Devs need to learn NOT TO LECTURE.

Windpress

4,970,357 Aufrufe • vor 3 Monaten

SQLite is a masterclass in a library design. It shows how projects of even huge complexity can be very simple and unobtrusive to use. You can learn a lot from them if you are library author, regardless of programming language.
11:42

SQLite is a masterclass in a library design. It shows how projects of even huge complexity can be very simple and unobtrusive to use. You can learn a lot from them if you are library author, regardless of programming language.

Valentin Ignatev

125,595 Aufrufe • vor 5 Monaten