A Button Per Form Or One Form With Multiple Buttons The Call Kent podcast

Artwork

Tech Kent C Dodds Software Development JavaScript React Test Careers Software Engineering

Player FM - Internet Radio Done Right

17 subscribers

הוסף לפני four שנים

תוכן מסופק על ידי Kent C. Dodds. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Kent C. Dodds או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

The Call Kent Podcast « »
A Button Per form or One Form with Multiple Buttons

לפני שנה 4:50

שתפו

MP3•בית הפרקים

תוכן מסופק על ידי Kent C. Dodds. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Kent C. Dodds או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

Hi Kent,

It's Jan 👋

When creating a dropdown menu (e.g. to pick a role in an organization), would you wrap the whole menu in a form tag and then render multiple buttons within that form (one for each role)? Or would you render multiple forms (one for each role) with each having their own submit button?

Thanks a ton if you answer!

Best regards, Jan

A Button Per form or One Form with Multiple Buttons

… continue reading

214 פרקים

#Tech #Kent C Dodds #Software Development #JavaScript #React #Test #Careers #Software Engineering

Artwork

A Button Per form or One Form with Multiple Buttons

The Call Kent Podcast

17 subscribers

published לפני שנה

שתפו

MP3•בית הפרקים

תוכן מסופק על ידי Kent C. Dodds. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Kent C. Dodds או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

Hi Kent,

It's Jan 👋

When creating a dropdown menu (e.g. to pick a role in an organization), would you wrap the whole menu in a form tag and then render multiple buttons within that form (one for each role)? Or would you render multiple forms (one for each role) with each having their own submit button?

Thanks a ton if you answer!

Best regards, Jan

A Button Per form or One Form with Multiple Buttons

… continue reading

214 פרקים

#Tech #Kent C Dodds #Software Development #JavaScript #React #Test #Careers #Software Engineering

Semua episode

×

Artwork

1
What should I learn next? 6:03

לפני 5 weeks6:03

הפעל מאוחר יותר

הפעל מאוחר יותר

6:03

I know that Epic React 2 and Epic Web are completely different courses. Given that I’m already on the verge of completing Epic React 1, I’m currently confused about how to proceed next. Should I go for Epic React 2 to solidify my React knowledge and learn about React 19? Or should I pivot towards Epic Web, which offers a broader, full-stack curriculum that could help me become a more well-rounded developer? I’d appreciate any guidance on which path might be more beneficial at this point in my learning journey. What should I learn next?…

Artwork

1
Does MCP make sense confined to a single app to rethink UX? 4:53

לפני 6 weeks4:53

הפעל מאוחר יותר

הפעל מאוחר יותר

4:53

I was wondering if you could also use the tool calling, etc. inside of a single app to rethink the way that user interfaces work? The future of AI interaction: Beyond just text Does MCP make sense confined to a single app to rethink UX?

Artwork

1
Stuck in Stack Switching: How Do You Commit to One? 5:14

לפני 6 weeks5:14

הפעל מאוחר יותר

הפעל מאוחר יותר

5:14

In this recording, I talk about a recurring challenge I face when building proprietary solutions—constantly switching between frameworks like Next.js, React Router, and TanStack. I tend to shift tools when I hit roadblocks (like authentication issues), which makes it hard to commit and go deep with one tech stack. I’m reaching out to ask Kent for advice on how to stay focused and build with confidence without always second-guessing my choices. Stuck in Stack Switching: How Do You Commit to One?…

Artwork

1
Building and Maintaining a Software Blog 4:45

לפני 8 weeks4:45

הפעל מאוחר יותר

הפעל מאוחר יותר

4:45

What does it take to start a blog about software - and actually keep it going? Blog Recorder Building and Maintaining a Software Blog

Artwork

1
Securing Routes in React Router Framework 3:30

לפני 8 weeks3:30

הפעל מאוחר יותר

הפעל מאוחר יותר

3:30

I’m transitioning from SPAs with REST APIs to SSR applications using React Router Framework. While I’ve used layout routes and tools like SWR/React Query for route protection in React Router DOM, I just found out that actions in React Router Framework are still vulnerable to unauthorized POST requests. I use JWT auth with tokens stored in cookies—do I need to verify the JWT in every action on each route, or is there a global solution like Fastify’s onRequest hook? React Router v7.3.0 changelog which introduces middleware support Securing Routes in React Router Framework…

Artwork

1
Adding Auth to MCPs 4:29

לפני 10 weeks4:29

הפעל מאוחר יותר

הפעל מאוחר יותר

4:29

How could a user authenticate themselves to access certain information that isn't public. Referring to Epicstack's MCP example. MCP Spec on Authorization Cloudflare Blog Post on MCPs Adding Auth to MCPs

Artwork

1
Running audio in background while still offline 2:41

לפני 14 weeks2:41

הפעל מאוחר יותר

הפעל מאוחר יותר

2:41

In a web application what are the ways one can use custom audio file for notification on user devices while the user is offline. Running audio in background while still offline

Artwork

1
What do you think about mutation testing applied to components? 6:23

לפני 18 weeks6:23

הפעל מאוחר יותר

הפעל מאוחר יותר

6:23

I’d love to hear your thoughts on mutation testing when applied to components. In my experience, it doesn’t seem to make much sense because it often reports that tests still pass after altering aspects that aren’t relevant to the component’s behavior. To me, this type of testing seems more suited for pure unit tests. What’s your perspective on this? Make your test fail Should I write a test or fix a bug? What do you think about mutation testing applied to components?…

Artwork

1
When is a Promise not good enough, and I need a Web Worker? 5:40

לפני 23 weeks5:40

הפעל מאוחר יותר

הפעל מאוחר יותר

5:40

I just finished Expensive Calculations in React Performance. Why do we need a Web Worker instead of just wrapping the long-running function in a Promise that resolves when the function completes? Expensive Calculations - Epic React Performance Workshop When is a Promise not good enough, and I need a Web Worker?…

Artwork

1
How Useful is LiteFS in 2025? 10:11

לפני 24 weeks10:11

הפעל מאוחר יותר

הפעל מאוחר יותר

10:11

In 2022 you migrated a blog from postgres to LiteFS. Is that generally recommended in 2025? How Useful is LiteFS in 2025?

Artwork

1
What are your thoughts about Qwik and hydration? 7:20

לפני 24 weeks7:20

הפעל מאוחר יותר

הפעל מאוחר יותר

7:20

What do you think about resumability and Qwik? About 9 months ago, there was talk about Wiz and Angular working more closely together (Wiz was the tool that inspired Qwik). But Angular only committed to working on partial hydration support, not the full resumability like Qwik. So do you think React developers should care about this? If so, should they use partial hydration tools like Astro today or wait for something like resumability to be added to React? 𝕏 Post What are your thoughts about Qwik and hydration?…

Artwork

1
Dependent driven motivation and embracing AI 7:43

לפני 24 weeks7:43

הפעל מאוחר יותר

הפעל מאוחר יותר

7:43

I would like to know how you get motivated knowing that you have dependents and stay strong in the event of layoff. How do you handle the fear of AI taking over job? My original post Jyoti's response P.S. I didn't really mention much about AI so feel free to ask a follow-up on this for a more specific answer, but I would say that AI is just an important tool we need to learn and keep using the best tools to get the best benefits. Check out this Epic Programming Principle: Adapt to and adopt productive tools Dependent driven motivation and embracing AI…

Artwork

1
Does the testing trophy need updating for 2025? 10:17

לפני 28 weeks10:17

הפעל מאוחר יותר

הפעל מאוחר יותר

10:17

In 2024, we live in a world where the defacto for creating React applications is SSR (e.g. Remix, react router v7, Next, TanStack). Coupled with the rise in performance, reliability and reduction of cost in running e2e tests by playwright and now vitest's Browser Mode, is it time to consider reworking the Testing Trophy to make e2e tests the largest proportion of the trophy? This is starting to make more and more sense to me as e2e tests are becoming as cheap to execute as integration tests, whilst integration tests are more complex to write in a SSR application without mocking client side or server side code. The Testing Trophy and Testing Classifications Vitest Browser Mode @epic-web/app-launcher Does the testing trophy need updating for 2025?…

Artwork

1
Balancing Conventions and Flexibility in Large Codebases 6:54

לפני 29 weeks6:54

הפעל מאוחר יותר

הפעל מאוחר יותר

6:54

I’m curious about your thoughts on balancing conventions in large codebases. For context, I’m working in a project with ~20 developers across four separate teams. Where do you think we should draw the line between enforcing conventions for consistency and leaving room for flexibility in individual contributions? EpicWeb config Balancing Conventions and Flexibility in Large Codebases…

Artwork

1
I'm a React dev... What now? 5:26

לפני 29 weeks5:26

הפעל מאוחר יותר

הפעל מאוחר יותר

5:26

I build UI and UX for a company using React. What should I do next? How do I get to the senior level? Stop Being a Junior Go down to level up EpicReact.dev Build React Hooks I'm a React dev... What now?

Artwork

1
How to keep Type-Safety when defering data from a Remix loader 4:21

לפני 41 weeks4:21

הפעל מאוחר יותר

הפעל מאוחר יותר

4:21

While using the defer utility on a loader, the result useLoaderData hook on the component, does not have proper types any more, and im looking a effective way to keep my types chilling How to keep Type-Safety when defering data from a Remix loader

Artwork

1
Good open source projects implementing frontend testing strategy 3:43

לפני 46 weeks3:43

הפעל מאוחר יותר

הפעל מאוחר יותר

3:43

What are good examples of open source projects implementing extensive automated testing strategy for frontend? Epic Stack Skill Recordings Products TestingJavaScript.com Testing Fundamentals Workshop Web Application Testing Workshop Good open source projects implementing frontend testing strategy

Artwork

1
Should I learn GraphQL or just stick with REST? 2:50

לפני 50 weeks2:50

הפעל מאוחר יותר

הפעל מאוחר יותר

2:50

When we have to learn GraphQL? Is it worth to learn it or REST APIs are enough? Should I learn GraphQL or just stick with REST?

Artwork

1
React Components vs Progressive Enhancement 4:32

לפני 1 year4:32

הפעל מאוחר יותר

הפעל מאוחר יותר

4:32

Hi, Kent, my name is Alex. On one hand, you advocate for implementing Progressive Enhancement technique for applications. On the other hand, even in Epic Stack, the use of custom React components is justified, even for a simple checkbox, which essentially makes the application non-functional without JavaScript. So, I'm struggling to decide whether it's worth trying to develop a Progressive Enhancement UX at this time or if it's still an unattainable ideal. Kent Dodds - Bringing Back Progressive Enhancement - RenderATL 2022 React Components vs Progressive Enhancement…

Artwork

1
Test Cleanup: in the test or in afterEach 7:40

לפני 1 year7:40

הפעל מאוחר יותר

הפעל מאוחר יותר

7:40

My coworker were in an argument about where test cleanup should go (afterEach, or in the test?), and I thought you might have some great insights! Avoid Nesting when you're Testing AHA Testing Test Cleanup: in the test or in afterEach

Artwork

1
How many hours do you spend coding? 5:16

לפני 1 year5:16

הפעל מאוחר יותר

הפעל מאוחר יותר

5:16

simple question on time commitments to coding. How many hours do you spend coding?

Artwork

1
Remix Vite: Debugging Production issues 4:14

לפני 1 year4:14

הפעל מאוחר יותר

הפעל מאוחר יותר

4:14

My Remix Vite App Has Slow Initial Requests that takes up to 10 minutes loading the page then it will serve pages faster after that event if change devices console.time and console.timeEnd patch-package Remix Vite In Production

Artwork

1
Inspired by Your Work 6:23

לפני 1 year6:23

הפעל מאוחר יותר

הפעל מאוחר יותר

6:23

Hi Kent, My name is Mahdi Nazari, and I've admired your work for the past year. Your website has been a wellspring of inspiration, particularly your unique lifestyle and the impactful way you're shaping the world. To sum up, I really love it. As a graduate Geographic Information Systems (GIS) graduate student, I've had the pleasure of utilizing your JS libraries in my projects. They've proven to be invaluable tools. Currently, I'm embarking on a journey to build my brand, a platform to share my mission, passions, and more. Your approach resonates deeply with me – it offers a compelling way to communicate my values and ignite a spark in others. If you were starting your brand from scratch today, what pearls of wisdom would you offer someone embarking on a similar path? Is there any course or book or someone who can help me in this path? Any insights you could provide would be immensely valuable. Thank you for your time and for the constant inspiration you provide, Mahdi Nazari Kent's Appearances 2010s Decade in Review Tribes: We Need You to Lead Us by Seth Godin Inspired by Your Work…

Artwork

1
When to add a CSP (Content Security Policy) 5:21

לפני 1 year5:21

הפעל מאוחר יותר

הפעל מאוחר יותר

5:21

Should one consider CSP at the very early stage of starting a new website or under what conditions should one consider implementing CSP. CSP on MDN Content-Security-Policy-Report-Only When to add a CSP (Content Security Policy)

Artwork

1
Do generated types from OpenAPI spec change testing? 6:50

לפני 1 year6:50

הפעל מאוחר יותר

הפעל מאוחר יותר

6:50

Hey Kent! I've been thinking about something lately. I've worked at a number of different sass companies and something that is always an interesting problem is how we end-to-end test a software application that has a UI. I love the idea of testing for confidence and, to that end, I've been wondering how we might begin to shift our thinking about confidence testing when we use some communication protocol, like GRPc or OpenAPI to and use those protocols to generate things like static types. If a backend and frontend are both very well integration tested and the both use auto-generated types from the same spec file, how much e2e testing do we really need? It seems like the spec file would help bridge that confidence gap a lot for us. I worked at a relatively large sass company once and we had about 300 e2e tests that ran on every PR. It took way too long, but we had a very high level of confidence when we shipped code. We had integration tests too, but I wonder as I reflect on that experience, should we have focused way more on integration tests and integration testing larger features of the software knowing that we had type safety from the communication protocols we used. Really hoping to hear back from you! I respect your thoughts on testing a lot and I'm a long time consumer of your open source libraries and ideas. Do generated types from OpenAPI spec change testing?…

Artwork

1
Prevent revalidation of remix loaders after mutation 4:05

לפני 1 year4:05

הפעל מאוחר יותר

הפעל מאוחר יותר

4:05

Hello Kent, here is a transcription of my message, if you did not catch something. Thanks! I have a component that im importing in a dashboard folder in an index.js file. I'm using fetcher.form to submit a form with the Post method. the request is succesful, but when I click on sumbit, this reloads all of the requests of my loaders from different components that are being rendered in the dashboard folder. how can I avoid the reload of unrelated loaders in the same folder (dashboard)? shouldRevalidate Unwanted loader reloading using fetcher.form in shared folder.…

Artwork

1
Design the React component library 4:47

לפני 1 year4:47

הפעל מאוחר יותר

הפעל מאוחר יותר

4:47

How to develop component library which can easily adapt multiple design languages Mux Player: Customize the look and feel React Aria React Spectrum Design the React component library

Artwork

1
SEO Optimization and Hosting 8:18

לפני 1 year8:18

הפעל מאוחר יותר

הפעל מאוחר יותר

8:18

Seeking advice on optimizing website hosting for SEO with Remix. Search Engine Optimization on EpicWeb.dev How I built a modern website in 2021 I Migrated from a Postgres Cluster to Distributed SQLite with LiteFS Fly.io PartyKit

Artwork

1
Progress bar for mutations in Remix 9:13

לפני 1 year9:13

הפעל מאוחר יותר

הפעל מאוחר יותר

9:13

Hi Kent! How do you create a progress bar for actions in Remix? Like if a request takes maybe 10 or 20 seconds to finish and you want to give your users some feedback that things are progressing? Best regards, Jan useNavigation kentcdodds.com progress epic-stack progress Progress bar for mutations in Remix…

Artwork

1
Mocking in the full stack metaframework Era 10:14

לפני 1 year10:14

הפעל מאוחר יותר

הפעל מאוחר יותר

10:14

When we were building client side application mocking during e2e tests was a bit easier because you could just monkey patch fetch and call it a day. Today we also control the server so the line has a bit shifted. There are solutions, like MSW, to mock on the server side too but what if instead of an API call you query a db? Mocking in the full stack metaframework Era…

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.

תקשיבו ל-500+ נושאים

מדריך עזר מהיר

פודקאסטים מובילים

מכביבול ברדיו תל אביב

הזווית - פודקאסט

בכל יום נתון - אוריאל דסקל וראם שרמן

עושים חשבון Osim Heshbon

טייכר וזרחוביץ' ברדיו תל אביב

טייכר וזרחוביץ' - מערכונים

גיבור תרבות Culture Hero

סרטים זה אנחנו - מגזין קולנוע

עושים תוכנה Osim Tochna

השבוע - פודקאסט הארץ

המשחק הגדול

חושבים טוב

המעבדה The Lab

מדע בגובה האוזניים

סליחה על השאלה - ההסכת You Can't Ask That Podcast

סיפור ישראלי

עבר פלילי

Lets Talk Murder | בואי נדבר רצח

Lets Talk Murder | בואי נדבר רצח

האזן לתוכנית הזו בזמן שאתה חוקר