Form Action

Loading "Form Action"
πŸ§β€β™‚οΈ I've added some backend code that will handle our form submission. It's at api/onboarding. You can find it in .
Note: the api.server.ts file is some magic from the Workshop app to make it so we can test things out with a backend server without having to actually set up a backend server. It's not something you'd use in a real app.
πŸ‘¨β€πŸ’Ό Great! So we want the user's form submission to be sent along to api/onboarding. By default, when a form is submitted, the browser will send the form data to the current page's URL. We can change this by adding an action attribute to the form element:
<form action="path/to/backend/route">
	<!-- ... -->
</form>
Go ahead and add an action attribute to the form element.
πŸ¦‰ You may notice a full page refresh when you submit the form. We'll talk about this in a future step.
Login to get access to the exclusive discord channel.
  • βš›οΈFundamentals
    Blocked on /02/01 , 404 on /react.js
    <Alterion.Dev> πŸš€:
    I'm currently on <http://localhost:5639/exercise/02/01/problem> , I did in fact properly link the pl...
    • βœ…2
    9 Β· 7 days ago
  • General
    Launch editor error: Could not open 'index.html' from:'playground' in the editor.
    Japhet πŸš€ πŸ†:
    I'm encountering an issue when trying to open a link from the file list. The error message I receive...
    • βœ…1
    15 Β· a month ago
  • General
    Launch editor error: spawn code ENOENT
    Andrew Elans 🌌 πŸš€:
    Clicking index.html gives this error in VS Code. Both from Chrome and Safari. Anyone?
    • βœ…2
    6 Β· 2 days ago
  • General
    Welcome to EpicReact.dev! Say Hello πŸ‘‹
    Kent C. Dodds β—† πŸš€πŸ†πŸŒŒ:
    Welcome to the first of many posts in the EpicReact.dev channel! Take a moment to introduce yourself...
    • πŸš€5
    46 Β· 25 days ago
  • ⚑Performance
    βš›οΈFundamentals
    Clarification on Calling Components as Interpolated Function Calls
    sethwbarton πŸš€:
    TL;DR: Is there any reason to prefer the JSX syntax over the interpolation syntax? Is one more perfo...
    • βœ…1
    8 Β· a month ago
  • General
    AI Assistant?
    John πŸš€:
    Kent has mentioned an AI assistant that he's using in VSCode. Is there any detail on what that is an...
    • βœ…2
    2 Β· a month ago
  • General
    Script to save playground folder
    larissapissurno πŸš€:
    Hi all, I personally like to take notes on the playground files, so in order to not lose this notes ...
    • βœ…1
    2 Β· a month ago
  • General
    Runninng Learning app on iPad?
    marcus_polonus πŸš€:
    Hi all, Did anyone managed to setup learning app on iPad? I tried to use codesandbox, but when I am...
    • βœ…1
    1 Β· 2 months ago
  • General
    βš›οΈFundamentals
    Error boundary good practice
    Lloren πŸš€:
    I have always wondered if the error boundary is there a limit of error boundary that you can impleme...
    • βœ…1
    1 Β· a month ago
  • βš›οΈFundamentals
    Error on loading deployed version - React Fundamentals
    wargha πŸš€:
    On this link: https://www.epicreact.dev/get-started?module=react-fundamentals%7D if you click on ge...
    • βœ…1
    3 Β· a month ago
  • General
    Received this error when running the setup script for React Fundamentals
    ChrisP πŸš€:
    Hey guys, I am completely blocked at the moment. When I clone and run the setup for react fundamenta...
    • βœ…1
    2 Β· a month ago
  • General
    Unexpected server error (workshop-app does not load onboarding step)
    Matias 🌌 πŸš€:
    Hey! πŸ‘‹ I installed the free workshop "Build React Hooks" last week with no issues. Yesterday, whe...
    • βœ…1
    3 Β· a month ago
  • General
    Eye opening moment in 05/06 (β€žsatisfiesβ€œ operator of typescript)
    Chrigi πŸš€:
    Up until today I was not aware that having the type annotation on a variable is actually a type-cast...
    • πŸ™Œ2
    • βœ…1
    2 Β· a month ago
  • General
    Failed to fetch dynamically imported module...
    FacuPerezM:
    I am getting this error out of nowhere, in the 'test' tab inside the Workshop app. ``` Failed to f...
    • βœ…1
    3 Β· 2 months ago
  • General
    Epicshop not saving the video resolution
    Toni πŸš€ 🌌:
    Playback speed and caption settings are saved, but the video resolution always defaults to auto. Is ...
    • βœ…1
    7 Β· 2 months ago
  • General
    Clicking an exercise file launch VIM instead of VS Code
    DBattou πŸš€:
    I started going through the workshops, everything is setup and working fine except for opening a fil...
    • βœ…1
    2 Β· 2 months ago
  • βš›οΈFundamentals
    First Four Exercises are Free!
    Kent C. Dodds β—† πŸš€πŸ†πŸŒŒ:
    To make sure this shows up in the fundamentals thread. Isn't it exciting the first four exercises of...
    • ❀️3
    • πŸƒ1
    2 Β· 2 months ago