viewSource

What is a React Component?


Listen Later

Building on our simple React app, Aurooba demonstrates a component and sets up state to track variables. While discussing return statements, Brian cringes about JSX and mixing HTML with JavaScript. They also discuss how a function can return more than one variable in modern JavaScript.

A full transcript of the episode is available on the website. Watch the video podcast on YouTube and subscribe to our channel and newsletter to hear about episodes (and more) first!

  • The source code from the episode – https://github.com/viewSourcePodcast/viewSource-blocks/tree/add/accordion-block
  • @wordpress/scripts – https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/
  • @wordpress/element - https://developer.wordpress.org/block-editor/reference-guides/packages/packages-element/
  • Brian's website – https://www.briancoords.com
  • Aurooba's website – https://aurooba.com
  • (00:00) - Introduction
  • (01:10) - The Return in React Components
  • (07:39) - Setting up State with @wordpress/element
  • (10:25) - Destructuring and Getting Multiple Values from a Function
  • (14:05) - Calling Event Functions in JSX
  • (16:06) - Frontend Recap and Next Steps
  • ...more
    View all episodesView all episodes
    Download on the App Store

    viewSourceBy Aurooba Ahmed, Brian Coords