Jun 12
React Hook Formの setError、使っていますか？
setError("email", {
type: "server",
message: "このメールアドレスはすでに登録されています。",
});
Zodで判断できない重複チェック系のエラーに使えます👇
▶️ note.com/light_systems/n/n68…
#ReactHookForm #Nextjs #React
1
54
⚛️ React Learning Journey🚀
Today, while learning React from @Hiteshdotcom, I integrated TinyMCE with React Hook Form & built a reusable Post Form for my Blog App🔥
✅Rich Text Editor Integration
✅Create & Edit Posts
✅Auto Slug Generation
#ReactJS #ReactHookForm #TinyMCE 🚀
1
7
Day 62 ✅
Built a Multi-Step Registration Form:
📋 Personal Info → Account → Confirmation
✅ Email, password, phone validation
🔗 TypeScript Zod working together
💾 Form persistence between steps
🛡️ Full type safety everywhere!
#100DaysOfCode #TypeScript #ReactHookForm
3
97
Day 61 ✅
Today I mastered:
• useForm<T>
• register for typed form inputs
• handleSubmit with typed data
• Zod schemas for validation
• z.infer<typeof schema>
• zodResolver with React Hook Form
• Nested form data dynamic fields
#100DaysOfCode #TypeScript #ReactHookForm
1
12
78
1
1
59
2
66
May 8
Otimize formulários no React usando React Hook Form. Menos código, melhor performance, validação prática e fácil integração. Exemplo: useForm para controlar campos e submissão. #ReactJS #ReactHookForm #Frontend
1
6
Today class about
manualForm,
ReactHookForm,
UrlRouting,
axios
2
13
最近zodv4にアップデートしたけどそこそこ破壊的変更あったなぁ… とにかくあったはずのtypeが沢山置き換わってた。
reactHookFormとも密結合しているプロジェクトだった為、余計に工数が掛かったわい…
Apr 1
めんどくさいのでコンテキストと合わせてまとめて回答しておくと，zod しかり result type を扱うライブラリ然り，lodash のようなユーティリティを集めたやつ然り，本来言語機能と一緒に考えられるべきところのプリミティブをプロジェクトのベースとして採用するという事は，もうそいつと心中する覚悟がない限りは辞めておいた方が良いよな，という文脈と，要らないものがめちゃくちゃバンドルされてそれから逃れられないとか，メジャーアップデートで破壊されるなどの観点でした．
Vue や React ももちろんその例外ではないが，もうそれを採用するということはある程度それと心中する覚悟を持っています．
「なんか便利そうだからこれ使お」みたいな軽い気持ちでプリミティブなライブラリを採用すると負債になりますよ，という意味
104
Mar 15
Day Progress 🚀 | Day 74/365
📤 Submitted Frontend Internship Task
💻 Worked on Admin Panel – LeetCode Clone
• React Hook Form
• Zod validation
Improving frontend skills step by step 💪
#365DaysOfCode #React #Frontend #ReactHookForm #Zod #DeveloperJourney
4
57
Mar 13
İncelemek ve destek olmak isterseniz:
⭐ github.com/vassale/beti
#Frontend #OpenSource #ReactHookForm
1
59
Mar 1
Week 5 ✅
Built a Register Form with React Hook Form Yup 🔥
Validation, confirm password & checkbox all working! 🚀#ReactJS #ReactHookForm #Yup #Frontend #CodingJourney
@E_Ehrari
@f_forough
@CodeToInspire
2
12
251
Today I created a Login/Register Form using #ReactHookForm , during the coding I learned too many new methods and standards. I feel really confident that I can understanding React standards and can build things on my own☘. @CodeToInspire @f_forough @E_Ehrari #React #Coding
2
18
169
お問い合わせフォームを実装した！
従来のStateで管理する方法、
全部自分で書こうとしたけどReact Hook Formを使うとregisterにルールを渡すだけでバリデーションが完結する
コードがシンプルになるだけじゃなくて、何をしてるか読みやすくなるのも良い
#ReactHookForm #React #駆け出しエンジニア
1
7
Jan 31
🧾 Advanced Form Validation — TypeScript React Hook Form😎
Real-world validation & clean state management ⚡
Built for scalable React apps.
Use it. Learn from it. Ship faster 🚀
Free!
github.com/abhishek61067/adv…
#TypeScript #ReactHookForm #React #Frontend #Codeek #DevCommunity
78
💻フロントエンドエンジニア案件の紹介💻
・ReactおよびNext.js/TypeScriptを用いたフロントエンド開発経験
・ReactHookFormを用いたフォームバリデーション等の実装経験
#フリーランスエンジニア
#フリーランス案件
#フロントエンドエンジニア
1
1
44
Jan 20
【フォーム革命】useStateはもう卒業？React Hook Formで「爆速・軽量・型安全」な入力フォームを実現する
#エンジニアと繋がりたい #プログラミング学習 #React #100DaysOfCode #今日の積み上げ #ReactHookForm #TypeScript
note.com/taihong/n/ncd455505…
1
48
Jan 20
#Startup #founders: avoid this form tech mistake that forced Gusto to split their onboarding flow to fix “input delay” on large payroll forms.
TECH MISTAKE: Rendering a massive single-page form with hundreds of inputs (Employee details, Tax info, Benefits) where one root state object controlled everything, causing the whole page to re-render on typing.
GUSTO STORY: Gusto ($9.5B Valuation) handles complex payroll onboarding. Initially, they had a "One Big Form" approach. As the form grew to 200 fields, typing a name became sluggish because React had to diff the entire 200-field tree on every keypress.
BUSINESS IMPACT: Onboarding is the most critical phase for Gusto. If it feels hard or slow, small business owners give up. The input lag created a sense of "complexity" and "heaviness," confusing users and leading to increased support calls during setup.
ADFAR TECH FIX:
1️⃣ Break the monolithic form into a "Wizard" (Multi-step) flow, rendering only 10-20 fields at a time.
2️⃣ Use React Hook Form to manage the state of inputs locally (uncontrolled), avoiding re-renders of the parent container.
3️⃣ Implement "State Colocation": Only lift state up when absolutely necessary for validation between fields.
HOW ADFAR TECH HELPS:
✅ Access to Senior React Engineers certified in complex form management.
✅ ADFAR Tech bench of 30K Senior Certified Tech Pool to improve onboarding UX.
✅ Performance audit of "Time to Interactive" on heavy forms.
Call | WhatsApp: 966 53 181 2835 | Email: team@adfar.tech
#Startup #Founders #Startuptechmistakes #startuptecherrors #techerrors #startupcto #ctomistakes #React #Gusto #Fintech #Forms #Performance #ReactHookForm #Onboarding #FrontendEngineering #Optimization #UX #InputLag #Refactoring #Scalability
11