Syntax - Tasty Web Development Treats

766: React Server Components: Form Actions + Server Actions


Listen Later

Scott and Wes are here to guide you through the world of React Server Components, shedding light on the intricacies of Form Actions and Server Actions. Get ready to level up your React skills as they discuss the ins and outs of these powerful features and share their expert advice on optimizing your applications.

Show Notes
  • 00:00 Welcome to Syntax!
  • Show 718 React Server Components.
  • 02:04 Brought to you by Sentry.io.
  • 03:04 What are form actions?
  • GitHub Add React.useActionState PR
  • 04:05 Almost entirely React.
  • 04:31 What is the ‘server’ in Vanilla React?
  • 06:10 Would React ever ship their own server?
  • 07:29 What are actions?
  • 08:34 Two huge benefits to actions.
    • 08:45 Avoid custom useEffects or third party libraries.
    • 09:17 Calling server code from the client without any APIS.
  • 11:31 Some examples of actions.
  • 12:54 Can these actions be done in a client component?
  • 13:40 Where to use actions.
    • 13:49 On a form submit.
    • 15:30 In an event handler.
    • 15:57 In a useEffect().
  • 17:13 How to actually use an action.
  • React Hooks
    • 17:30 useActionState() hook.
      • 18:49 The state of the action.
      • 19:35 The bound action.
      • 19:46 The pending state.
    • 23:16 useFormStatus() hook.
  • 24:38 Action inputs.
  • 26:13 Server vs client.
  • 28:30 This is not PHP.
  • 30:31 What is optimistic UI?
    • 33:26 useOptimistic() hook.
  • 37:02 Some final thoughts.
  • 40:18 Sick Picks + Shameless Plugs.
  • Sick Picks
    • Good Follows: Alex Katt.

    • Scott: Tiny Portable Ultra-Mini Air Pump.

    • Wes: AVerMedia 4k Capture Card.

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    ...more
    View all episodesView all episodes
    Download on the App Store

    Syntax - Tasty Web Development TreatsBy Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

    • 4.9
    • 4.9
    • 4.9
    • 4.9
    • 4.9

    4.9

    977 ratings


    More shows like Syntax - Tasty Web Development Treats

    View all
    Software Engineering Radio by se-radio@computer.org

    Software Engineering Radio

    271 Listeners

    Hanselminutes with Scott Hanselman by Scott Hanselman

    Hanselminutes with Scott Hanselman

    383 Listeners

    The Changelog: Software Development, Open Source by Changelog Media

    The Changelog: Software Development, Open Source

    289 Listeners

    Software Engineering Daily by Software Engineering Daily

    Software Engineering Daily

    623 Listeners

    Talk Python To Me by Michael Kennedy

    Talk Python To Me

    585 Listeners

    Soft Skills Engineering by Jamison Dance and Dave Smith

    Soft Skills Engineering

    289 Listeners

    Thoughtworks Technology Podcast by Thoughtworks

    Thoughtworks Technology Podcast

    43 Listeners

    Python Bytes by Michael Kennedy and Brian Okken

    Python Bytes

    215 Listeners

    The freeCodeCamp Podcast by freeCodeCamp.org

    The freeCodeCamp Podcast

    487 Listeners

    CoRecursive: Coding Stories by Adam Gordon Bell - Software Developer

    CoRecursive: Coding Stories

    190 Listeners

    Practical AI by Practical AI LLC

    Practical AI

    207 Listeners

    The Stack Overflow Podcast by The Stack Overflow Podcast

    The Stack Overflow Podcast

    63 Listeners

    The Real Python Podcast by Real Python

    The Real Python Podcast

    142 Listeners

    PodRocket by LogRocket

    PodRocket

    60 Listeners

    Oxide and Friends by Oxide Computer Company

    Oxide and Friends

    62 Listeners