))
Getting started with React inside WordPress
Manage episode 358613394 series 3440550
Content provided by Aurooba and Brian, Aurooba Ahmed, and Brian Coords. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Aurooba and Brian, Aurooba Ahmed, and Brian Coords or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
Dig into what React is and how it works, especially inside WordPress, with Aurooba and Brian as they set up the basic environment and load up a little React component inside a WordPress post. Part one of a series of episodes where they'll transform their code into a working accordion block.
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/
- Wes Bos' courses – https://wesbos.com/courses
- The "Learn JavaScript Deeply" moment in WordPress history – https://youtu.be/TX6dXRL-jPU?t=3536
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
- (00:00) - Introduction
- (00:26) - Learn JavaScript Deeply
- (02:59) - What is React?
- (06:37) - Comparing React to other familiar WordPress tech
- (08:36) - A React-ive "Hello World"
- (10:02) - @wordpress/scripts and the scary part of React
- (11:21) - Setting up a basic index.js in React
- (12:12) - React and @wordpress/element
- (14:09) - Outputting the React app with createRoot
- (18:27) - Exporting and importing functions in React
- (22:12) - Breaking your code up into smaller files
- (23:39) - Concluding Part 1!
- (24:21) - Outro
36 episodes
Share
