Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

❌ 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 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

George Moller profil fotoğrafı
George Moller3 yıl önce

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 ↓

George Moller profil fotoğrafı
George Moller3 yıl önce

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 ↓

Gaurav Pandey profil fotoğrafı
Gaurav Pandey3 yıl önce

**might** is the catch😅

George Moller profil fotoğrafı
George Moller3 yıl önce

☝️ exactly

Ayush Raj ⚡ profil fotoğrafı
Ayush Raj ⚡3 yıl önce

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

George Moller profil fotoğrafı
George Moller3 yıl önce

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" }); } });

Darth Sidious profil fotoğrafı
Darth Sidious3 yıl önce

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

George Moller profil fotoğrafı
George Moller3 yıl önce

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

Mohamed Ramadan profil fotoğrafı
Mohamed Ramadan3 yıl önce

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 💪

Molly Boyle profil fotoğrafı
Molly Boyle3 yıl önce

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.

George Moller profil fotoğrafı
George Moller3 yıl önce

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.

Benzer Videolar

❌ 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 görüntüleme • 3 yıl önce

❌ Avoid listening for ref changes with useEffect() in React. ✅ Instead use a ref callback function.
0:20

❌ Avoid listening for ref changes with useEffect() in React. ✅ Instead use a ref callback function.

George Moller

101,654 görüntüleme • 3 yıl önce

❌ 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 görüntüleme • 8 ay önce

❌ 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 görüntüleme • 3 yıl önce

❌ 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,710 görüntüleme • 2 yıl önce

❌ 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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

❌ 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,135 görüntüleme • 3 yıl önce

❌ 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,603 görüntüleme • 8 ay önce

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,640 görüntüleme • 2 ay önce

❌ 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 görüntüleme • 2 yıl önce

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,612 görüntüleme • 9 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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,913 görüntüleme • 8 ay önce

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,612 görüntüleme • 5 ay önce

❌ 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 görüntüleme • 1 yıl önce

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,973,026 görüntüleme • 5 ay önce