Why is it better to use "onSubmit" rather than "onClick" for API calls in forms?

Using "onSubmit" on the HTML form element allows you to tap into the web’s natural behavior, such as triggering a submission when a user hits the "Enter" key. It also enables automatic browser validation features. When using this method, it is essential to call "event.preventDefault()" to stop the page from reloading, which would otherwise cause the application to lose its current state.

What is the difference between Fetch and Axios regarding error handling?

A major misconception is that Fetch and Axios handle server errors the same way. Fetch only rejects a promise if there is a network failure; it actually considers HTTP 500 server crashes or 404 errors as "successful" resolutions. Axios, however, is designed to automatically treat any status code outside the 2xx range as an error, allowing developers to catch server-side issues directly within a "catch" block.

What are "controlled components" in React and why are they recommended?

Controlled components are form elements where React acts as the "single source of truth" for the input's value. Instead of the browser's DOM holding the text, the value is tied to a specific piece of React state, and an "onChange" handler updates that state with every keystroke. This approach is preferred because it allows for real-time feedback, such as instant field validation, password strength meters, or automatic phone number formatting.

How does FastAPI communicate specific validation errors to the frontend?

When a request fails backend validation, FastAPI returns an HTTP 422 Unprocessable Entity error. The response body contains a "detail" array that specifies the exact location of the error, such as a specific field name, and a message explaining the issue. Developers can map these specific server-side errors back to the React form state to display helpful, inline error messages directly under the relevant input fields.

Why should developers use a "finally" block when handling API loading states?

When an API call begins, developers typically set a "loading" state to true to disable the submit button and prevent duplicate entries. If the loading state is only set to false in the success path, a server error could leave the button disabled forever, trapping the user. Using a "finally" block ensures that the loading state is reset to false regardless of whether the call succeeded or failed, allowing the user to try again.

API calls and the mistake that breaks your forms

28 min

Relying on onClick for API calls often breaks form behavior. Learn why Fetch handles errors differently than Axios and how to manage status codes.

API calls and the mistake that breaks your forms

How This Personalized Podcast Was Made

This podcast was created using BeFreed's AI, based on selected books, the creator's learning goals, and their preferred tone.

Getting Real: The smarter, faster, easier way to build a successful web application

Input question

Backend - API Development: API fundamentalsYour first API endpointHTML formsHTML inputsReact controlled formsAPI callsAxios (HTTP client)HTTP status codesError handling & messagesOptional chaining operator

Podcast Style

Lena

Miles

More like this

Building a Better `AppError` Class in Node.js for Robust API Error Handling - DEV Community

Custom Error Classes and Advanced Error Handling - StackLesson.com

How I Build a useFetch Layer in React That Stays Secure and Clean | by Seeta Ram Yadav | Medium

I Built a Production-Ready useFetch Hook with TypeScript — Here's What I Learned (Full Source Code) - DEV Community

8 sources

Resilient Data Fetching in React and Vue

24 sources

React Data Fetching: A Recipe for Resilient Apps

25 sources

How useEffect Syncs React with the Outside World

16 sources

HTTP, APIs, and JSON for Vibe Coders

25 sources

React State Mistakes: Stop Storing Derived Data

22 sources

Why JSX Isn't Just HTML

Fail fast, fail often

Ryan Babineaux and John Krumboltz

/ B Testing

Dan Siroker and Pete Koomen

From Columbia University alumni built in San Francisco

BeFreed Brings Together A Global Community Of 200,000+ Curious Minds

See more on how BeFreed is discussed across the web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

From Columbia University alumni built in San Francisco

BeFreed Brings Together A Global Community Of 200,000+ Curious Minds

See more on how BeFreed is discussed across the web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

Start your learning journey, now