Aurooba and Brian dig deeper into the WordPress Interactivity API. This episode mostly focuses on the HTML directives they used in their custom blocks, how they work with block markup, and how the Interactivity API uses them to hydrate data. Along the way they also compare it to other templating and logic tools like the ones in Laravel and Next.js from previous episodes.
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!
So begins another project! This time back inside WordPress. Brian and Aurooba discuss the Interactivity API in WordPress. They explore how to use the API, the challenges they faced, and the benefits it provides. They also touch on JavaScript modules and how they are used in the context of the Interactivity API. The conversation ends with a discussion about future topics to cover in the series as they build out the plugin using the API.
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!
Aurooba and Brian dig into the Font Library - a flagship feature launching in WordPress 6.5. Along the way they discuss the long road getting it into core, some user interface issues, and the future of "composability" in WordPress.
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!
Let's discuss the process of deploying Next.js applications using Vercel and explore the benefits of exploring different platforms and paradigms. We dive into the process of getting a project live with Vercel but discuss comparisons in the WordPress world, the complicated nature of deployment in WordPress, how different platforms handle them, and the role continuous integration plays into all of it.
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!
- Vercel – https://vercel.com/
- What is utility-first CSS – https://heydonworks.com/article/what-is-utility-first-css/
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
Wrapping up the functionality of their Next.js application, Brian and Aurooba look at CRUD operations: how to create, read, update, and delete (ok, maybe not delete) data by using Supabase as a database. They talk about structuring your database, when to update state while saving data, dynamic pages in Next.js and more.
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!
Continuing the series on Next.js, Aurooba and Brian take a look at a Next.js version of https://wpaudit.site complete with a login set up and ability to save your own checklist.
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!
- Next.js 14 App Router - https://nextjs.org/docs/app
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
Continue the journey of building a Next.js application as Aurooba explains how to use Supabase to handle all aspects of user authentication in your app, including user accounts, email notifications, and session data. They also dig into server vs client side differences.
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!
In this conversation, Brian and Aurooba discuss various topics related to Next.js development. They explore the importance of deeper understanding, the decisions involved in styling and storage in JavaScript applications, the advantages of CSS-in-JS libraries, the choice of Supabase as the database solution, handling user authentication, and selecting an email service for communication.
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!
- StyleX – https://stylexjs.com/
- Vanilla Extract – https://vanilla-extract.style/
- Supabase – https://supabase.com/
- Cassidy's post – https://blog.cassidoo.co/post/annoyed-at-react/
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
Aurooba and Brian kick of a new series all about Next.js. What is Next.js and when is the right time to use it for a project? Along the way they spin up a new application and talk about the build process, file structure, and where you might host your Next application.
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!
Brian nicknamed the WordPress 6.4 release the "warm and fuzzy" release, and we explore our favourite features that landed in WordPress Core as part of it. We also found a bug, file it, and talk about how to file a bug well so that it'll get fixed.
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!
- Release Page - https://wordpress.org/download/releases/6-4/
- 6.4 Field Guide - https://make.wordpress.org/core/2023/10/23/wordpress-6-4-field-guide/
- The lightbox bug we found - https://github.com/WordPress/gutenberg/issues/56049
- Seth explains the Interactivity API - https://twitter.com/SethRubenstein/status/1722653807505531343
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
It's the fourth and final episode of our series exploring Laravel. Brian takes us through the deployment process using Laravel Forge and AWS. Aurooba discusses "modern" WordPress development and how WordPress solutions like SpinupWP compare to tools like Netlify and Forge.
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!
Continuing on in the Laravel series, Brian adds suggestion submission capabilities to the Suggest an Episode app and discussed routing, content relationships, and the ease of templating in Laravel versus WordPress.
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!
Breaking down Laravel and the MVC framework by building our first model and view. Along the way, Aurooba and Brian talk about Breeze, Artisan, database migrations, and Query Builder - all fundamental components of Laravel- and how they work.
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!
What exactly can you use Laravel for? How does it differ from WordPress? When does it make sense to use Laravel versus WordPress, and what can we learn from the Laravel approach to open source work? Come on an adventure with us as we dive into Laravel and build a mini project over the course of the next few episodes and compare and contrast it with our experience in the WordPress world.
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!
Season 2 starts in October! Tune in to find out what we'll be chatting about in this second season of viewSource and when it begins.
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!
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
The Season 1 finale of viewSource is a draft style episode where we reflect on our favourite WordPress conversations over the last 20 episodes, chat about what's coming next for both WordPress, viewSource, and both Aurooba and Brian. A fairly chatty episode where we touch on topics like Brian's hatred of JSX, Aurooba's recent struggles with Webpack, and booking flights for WordCamp US 2023. Listen in for a conversations with many twists and turns, hints about a secret project, and what you can expect from Season 2.
A full transcript of the episode is available on the website. Watch the video podcast on [YouTube](https://www.youtube.com/watch?v=Yjdv3W2a42A) and subscribe to our channel and [newsletter](https://viewsource.fm/subscribe) to hear about episodes (and more) first!
- Digging into ACF for the Block Editor – https://www.youtube.com/watch?v=NowGadjZHR4
- Exploring different kinds of Gutenberg Blocks – https://www.youtube.com/watch?v=Ti7emRBeNSo
- The episode where Brian schooled Aurooba on Bootstrap – https://www.youtube.com/watch?v=OfuDUQ-MPPo
- Wishlist for modern WordPress – https://www.youtube.com/watch?v=aqLZedTj_FE
- MRW's Events Calendar Reset – https://mrwweb.com/the-events-calendar-reset-on-github/
- Just in time learning – https://www.briancoords.com/just-in-case-vs-just-in-time-learning/
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
Season one moves closer to an ending as Aurooba and Brian share their biggest wish list items for modern WordPress development. With a focus on both User Experience and Developer Experience, they cover topics like extensibility, documentation, and user onboarding.
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!
In this episode, Aurooba and Brian discuss the four main challenges they faced and learned from in while producing this first season of viewSource. They also dive into the side effects of producing viewSource and how it impacted other aspects of their professional lives. This all stemmed from a technical snaffu that lost them an episode they were looking forward to releasing but does segue well into the reflective period they find themselves as in as summer break approaches.
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!
Aurooba and Brian complete their accordion in React.js as part of their series on building an accordion block. They discuss how components are loaded into the Dom, binding a value to the className attribute, and thoughts on prop drilling. The episode ends with a preview of the rest of Season One and thoughts on viewSource Season Two.
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!
- Code from this episode - https://github.com/viewSourcePodcast/viewSource-blocks/tree/episode/accordion-content-on-page
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
00:00 Introduction
03:16 Previous code recap
06:54 Adding a key for looping elements
07:54 Components are not HTML elements
09:50 className
13:02 Doing expressions inside attributes
15:03 Adding CSS to our component
16:53 Prop drilling
19:10 useContext vs Prop Drilling
22:27 Attempting to remove a component
27:08 Next Steps for viewSource and Season 2
Brian and Aurooba walk through the process of submitting a pull request in GitHub, reviewing it, and merging it into a repository – discussing best practices and perspectives to take as the reviewer and the reviewee in an ongoing pull request. In this case, the open source project was wphelpers.dev and Brian was adding a fantastic new helper: a searchable guide to the WordPress Icon library (@wordpress/icons), which they also take a look at.
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!
