Using Downshift with Conform to manage an input | Call Kent Podcast | 26

Calls with Kent C. Dodds.

You call, I'll answer.

Record your call

Listen to the podcasts here

Apple podcasts Pocket Casts

Phone sitting on a stool

What's this all about?

The goal of the Call Kent Podcast is to get my answers to your questions. You record your brief question (120 seconds or less) right from your browser. Then I listen to it later and give my response, and through the magic of technology (ffmpeg), our question and answer are stitched together and published to the podcast feed.

I look forward to hearing from you!

Record your call

Calls with Kent C. Dodds Season 4 — 39 episodes

39.Prevent revalidation of remix loaders after mutation

38.Design the React component library

37.SEO Optimization and Hosting

36.Progress bar for mutations in Remix

35.Mocking in the full stack metaframework Era

34.How do you create advanced content for developers

33.A Button Per form or One Form with Multiple Buttons

32.Toasts in Remix

31.Unpaid internships and indentured servitude

30.It's fine to re-render

29.Data Structures and Algorithms

28.Remix Flat Routes vs Remix v2 Router

27.Generating CSS with Remix Resource Routes

26.Using Downshift with Conform to manage an input

Keywords

conform, remix, downshift

Description

Hi Kent ! I'm Virgile, big fan of your work, and I have a question regarding your article 'Full Stack Component'.

I am currently using a combobox, managed by useCombobox from the downshift library.

But I would like conform to take over the input props management, while still getting the autocomplete features.

I'm curious how you would implement it.

Turn Progressive Enhancement up to 11

Using Downshift with Conform to manage an input

25.Jake Lazaroff’s article on Web Components

24.Code Organization in Full Stack Apps

23.Client Hints and profiling

22.Building and Testing an MDX-based Blog

21.EpicWeb.dev is now available!

20.What is full stack for EpicWeb.dev?

19.Improving as a software engineer

18.Why didn't you break root.tsx into smaller components?

17.Am I stuck in tutorial heck?

16.Scaling Epic-Stack in a single region

15.React Lazy initializers Call Order

14.How do you approach major project updates

13.Organizing your first workshop

12.Conform sets novalidate & validation attributes?

11.My skill stuck at current job, should I quit?

10.How do you host your videos?

09.How are you still productive!?

08.Best practice for using localStorage in React

07.Remix Full-Stack Components (vs Server Components)

06.A 10 year old itch to make a switch (QA to dev)

05.Should I go to college or not?

04.Resources to learn senior development skills

03.Passing state across components in RemixJS

02.How To Deal with Hiring Developers?

01.Why do you use the Express adapter for your app?

39.Prevent revalidation of remix loaders after mutation

38.Design the React component library

37.SEO Optimization and Hosting

36.Progress bar for mutations in Remix

35.Mocking in the full stack metaframework Era

34.How do you create advanced content for developers

33.A Button Per form or One Form with Multiple Buttons

32.Toasts in Remix

31.Unpaid internships and indentured servitude

30.It's fine to re-render

29.Data Structures and Algorithms

28.Remix Flat Routes vs Remix v2 Router

27.Generating CSS with Remix Resource Routes

26.Using Downshift with Conform to manage an input

Keywords

conform, remix, downshift

Description

Hi Kent ! I'm Virgile, big fan of your work, and I have a question regarding your article 'Full Stack Component'.

I am currently using a combobox, managed by useCombobox from the downshift library.

But I would like conform to take over the input props management, while still getting the autocomplete features.

I'm curious how you would implement it.

Turn Progressive Enhancement up to 11

Using Downshift with Conform to manage an input

25.Jake Lazaroff’s article on Web Components

24.Code Organization in Full Stack Apps

23.Client Hints and profiling

22.Building and Testing an MDX-based Blog

21.EpicWeb.dev is now available!

20.What is full stack for EpicWeb.dev?

19.Improving as a software engineer

18.Why didn't you break root.tsx into smaller components?

17.Am I stuck in tutorial heck?

16.Scaling Epic-Stack in a single region

15.React Lazy initializers Call Order

14.How do you approach major project updates

13.Organizing your first workshop

12.Conform sets novalidate & validation attributes?

11.My skill stuck at current job, should I quit?

10.How do you host your videos?

09.How are you still productive!?

08.Best practice for using localStorage in React

07.Remix Full-Stack Components (vs Server Components)

06.A 10 year old itch to make a switch (QA to dev)

05.Should I go to college or not?

04.Resources to learn senior development skills

03.Passing state across components in RemixJS

02.How To Deal with Hiring Developers?

01.Why do you use the Express adapter for your app?

39.Prevent revalidation of remix loaders after mutation

38.Design the React component library

37.SEO Optimization and Hosting

36.Progress bar for mutations in Remix

35.Mocking in the full stack metaframework Era

34.How do you create advanced content for developers

33.A Button Per form or One Form with Multiple Buttons

32.Toasts in Remix

31.Unpaid internships and indentured servitude

30.It's fine to re-render

29.Data Structures and Algorithms

28.Remix Flat Routes vs Remix v2 Router

27.Generating CSS with Remix Resource Routes

26.Using Downshift with Conform to manage an input

Keywords

conform, remix, downshift

Description

Hi Kent ! I'm Virgile, big fan of your work, and I have a question regarding your article 'Full Stack Component'.

I am currently using a combobox, managed by useCombobox from the downshift library.

But I would like conform to take over the input props management, while still getting the autocomplete features.

I'm curious how you would implement it.

Turn Progressive Enhancement up to 11

Using Downshift with Conform to manage an input

25.Jake Lazaroff’s article on Web Components

24.Code Organization in Full Stack Apps

23.Client Hints and profiling

22.Building and Testing an MDX-based Blog

21.EpicWeb.dev is now available!

20.What is full stack for EpicWeb.dev?

19.Improving as a software engineer

18.Why didn't you break root.tsx into smaller components?

17.Am I stuck in tutorial heck?

16.Scaling Epic-Stack in a single region

15.React Lazy initializers Call Order

14.How do you approach major project updates

13.Organizing your first workshop

12.Conform sets novalidate & validation attributes?

11.My skill stuck at current job, should I quit?

10.How do you host your videos?

09.How are you still productive!?

08.Best practice for using localStorage in React

07.Remix Full-Stack Components (vs Server Components)

06.A 10 year old itch to make a switch (QA to dev)

05.Should I go to college or not?

04.Resources to learn senior development skills

03.Passing state across components in RemixJS

02.How To Deal with Hiring Developers?

01.Why do you use the Express adapter for your app?

39.Prevent revalidation of remix loaders after mutation

38.Design the React component library

37.SEO Optimization and Hosting

36.Progress bar for mutations in Remix

35.Mocking in the full stack metaframework Era

34.How do you create advanced content for developers

33.A Button Per form or One Form with Multiple Buttons

32.Toasts in Remix

31.Unpaid internships and indentured servitude

30.It's fine to re-render

29.Data Structures and Algorithms

28.Remix Flat Routes vs Remix v2 Router

27.Generating CSS with Remix Resource Routes

26.Using Downshift with Conform to manage an input

Keywords

conform, remix, downshift

Description

Hi Kent ! I'm Virgile, big fan of your work, and I have a question regarding your article 'Full Stack Component'.

I am currently using a combobox, managed by useCombobox from the downshift library.

But I would like conform to take over the input props management, while still getting the autocomplete features.

I'm curious how you would implement it.

Turn Progressive Enhancement up to 11

Using Downshift with Conform to manage an input

25.Jake Lazaroff’s article on Web Components

24.Code Organization in Full Stack Apps

23.Client Hints and profiling

22.Building and Testing an MDX-based Blog

21.EpicWeb.dev is now available!

20.What is full stack for EpicWeb.dev?

19.Improving as a software engineer

18.Why didn't you break root.tsx into smaller components?

17.Am I stuck in tutorial heck?

16.Scaling Epic-Stack in a single region

15.React Lazy initializers Call Order

14.How do you approach major project updates

13.Organizing your first workshop

12.Conform sets novalidate & validation attributes?

11.My skill stuck at current job, should I quit?

10.How do you host your videos?

09.How are you still productive!?

08.Best practice for using localStorage in React

07.Remix Full-Stack Components (vs Server Components)

06.A 10 year old itch to make a switch (QA to dev)

05.Should I go to college or not?

04.Resources to learn senior development skills

03.Passing state across components in RemixJS

02.How To Deal with Hiring Developers?

01.Why do you use the Express adapter for your app?

Looking for more content?

Have a look at these articles.

See the full blog

First Timers Only

First Timers Only

August 4th, 2015 — 5 min read

First Timers Only

by Jason Leung

by Jason Leung

July 8th, 2019 — 6 min read

React Fundamentals: Props vs State

by Sarah Kilian

by Sarah Kilian

May 4th, 2020 — 15 min read

Common mistakes with React Testing Library