Getting started with React inside WordPress
(Find Part 2 here: • What is a React Component )
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 (https://viewsource.fm/subscribe) to hear about episodes (and more) first!
The source code from the episode – https://github.com/viewSourcePodcast/...
@wordpress/scripts – https://developer.wordpress.org/block...
Wes Bos' courses – https://wesbos.com/courses
The "Learn JavaScript Deeply" moment in WordPress history – • Matt Mullenweg: State of the Word 2015
Brian's website – https://www.briancoords.com
Aurooba's website – https://aurooba.com
[00:00:00] Introduction
[00:00:26] Learn JavaScript Deeply
[00:02:59] What is React?
[00:06:37] Comparing React to other familiar WordPress
[00:08:36] A React-ive "Hello World"
[00:10:02] @wordpress/scripts and the scary part of React
[00:11:21] Setting up a basic index.js in React
[00:12:12] React and @wordpress/element
[00:14:09] Outputting the React app with createRoot
[00:18:27] Exporting and importing functions in React
[00:22:12] Breaking your code up into smaller files
[00:23:39] Concluding Part 1!
[00:24:21] Outro
