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 — 50 episodes

50.I'm a React dev... What now?

49.How to keep Type-Safety when defering data from a Remix loader

48.Good open source projects implementing frontend testing strategy

47.Should I learn GraphQL or just stick with REST?

46.React Components vs Progressive Enhancement

45.Test Cleanup: in the test or in afterEach

44.How many hours do you spend coding?

43.Remix Vite: Debugging Production issues

42.Inspired by Your Work

41.When to add a CSP (Content Security Policy)

40.Do generated types from OpenAPI spec change testing?

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?

50.I'm a React dev... What now?

49.How to keep Type-Safety when defering data from a Remix loader

48.Good open source projects implementing frontend testing strategy

47.Should I learn GraphQL or just stick with REST?

46.React Components vs Progressive Enhancement

45.Test Cleanup: in the test or in afterEach

44.How many hours do you spend coding?

43.Remix Vite: Debugging Production issues

42.Inspired by Your Work

41.When to add a CSP (Content Security Policy)

40.Do generated types from OpenAPI spec change testing?

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?

50.I'm a React dev... What now?

49.How to keep Type-Safety when defering data from a Remix loader

48.Good open source projects implementing frontend testing strategy

47.Should I learn GraphQL or just stick with REST?

46.React Components vs Progressive Enhancement

45.Test Cleanup: in the test or in afterEach

44.How many hours do you spend coding?

43.Remix Vite: Debugging Production issues

42.Inspired by Your Work

41.When to add a CSP (Content Security Policy)

40.Do generated types from OpenAPI spec change testing?

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?

50.I'm a React dev... What now?

49.How to keep Type-Safety when defering data from a Remix loader

48.Good open source projects implementing frontend testing strategy

47.Should I learn GraphQL or just stick with REST?

46.React Components vs Progressive Enhancement

45.Test Cleanup: in the test or in afterEach

44.How many hours do you spend coding?

43.Remix Vite: Debugging Production issues

42.Inspired by Your Work

41.When to add a CSP (Content Security Policy)

40.Do generated types from OpenAPI spec change testing?

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?

50.I'm a React dev... What now?

49.How to keep Type-Safety when defering data from a Remix loader

48.Good open source projects implementing frontend testing strategy

47.Should I learn GraphQL or just stick with REST?

46.React Components vs Progressive Enhancement

45.Test Cleanup: in the test or in afterEach

44.How many hours do you spend coding?

43.Remix Vite: Debugging Production issues

42.Inspired by Your Work

41.When to add a CSP (Content Security Policy)

40.Do generated types from OpenAPI spec change testing?

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

white abstract geometric artwork

white abstract geometric artwork

November 5th, 2021 — 6 min read

The State Initializer Pattern

Obligatory semi-to-not-related header via: https://unsplash.com/photos/sMQiL_2v4vs

Obligatory semi-to-not-related header via: https://unsplash.com/photos/sMQiL_2v4vs

June 6th, 2017 — 11 min read

Classes, Complexity, and Functional Programming

by Pathum Danthanarayana

by Pathum Danthanarayana

June 5th, 2021 — 11 min read

How to use React Context effectively