9 episodes
viewSource Aurooba Ahmed, Brian Coords
-
- Technology
-
-
5.0 • 2 Ratings
-
A weekly conversation around tech, web development, and WordPress with hosts Aurooba Ahmed and Brian Coords.
-
Getting started with React inside WordPress
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 -
Communicating When You Work Remotely
Two long-time remote workers share their history and their best practices for working from home. Aurooba covers how to socialize yourself and fight loneliness, and Brian shares his tips for creating boundaries when you have five kids outside your office door all day. They discuss some of the tools they use, the best ways to have asynchronous conversations, and how to tame Slack.
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!
Cal Newport
How to communicate effectively as a developer
Brian's website – https://www.briancoords.com
Aurooba's website – https://aurooba.com
(00:00) - Introduction
(04:05) - Our first remote jobs
(07:53) - Overall thoughts on remote work
(08:51) - Socializing and loneliness in remote work
(11:33) - Tools and rituals for creating boundaries
(13:44) - Chrome versus Safari
(17:46) - Communication, Chat, and Notifications
(22:50) - Timezones and Async Conversations
(26:11) - Synchronous Meetings
(28:18) - Our advice for remote work -
Building Websites with CSS Frameworks like Bootstrap
Brian walks Aurooba through how Bootstrap works and the conversation turns into a discussion about common design languages and the core concepts of CSS most people, frameworks, and systems employ. They also talk about the role frameworks like Bootstrap play in modern WordPress development and whether they are even necessary. 🤔
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!
Bootstrap documentation – https://getbootstrap.com/docs/5.0/getting-started/introduction/
Bootstrap variables.scss file – https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
Brian's website – https://www.briancoords.com
Aurooba's website – https://aurooba.com
(00:00) - Introduction
(07:39) - The history of Bootstrap
(10:32) - The pros and cons of Bootstrap
(14:56) - Cascading style decisions with Bootstrap
(17:12) - The variables file to rule them all
(20:18) - Diving into utility classes
(22:23) - Utility classes in other frameworks and WordPress
(24:38) - When does Bootstrap make sense?
(27:03) - Modern WordPress theming and CSS frameworks -
Exploring Different Kinds of Gutenberg Blocks
Continuing where they left off, Aurooba and Brian recap their experience with ACF Blocks. Next, they look at two different ways to create native WordPress blocks: using nested inner blocks and using React components. They discuss the pros and cons of all three methods, how to plan your blocks, and when to just use block patterns.
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 code from the episode - https://github.com/viewSourcePodcast/viewSource-blocks
Brian + ACF Team – https://twitter.com/briancoords/status/1620442914110447619
Brian’s ACF Blog Post - https://www.briancoords.com/documentation-for-dummies-like-me/
Brian's website – https://www.briancoords.com
Aurooba's website – https://aurooba.com
(00:00) - Part 2: ACF Blocks vs Native Blocks
(00:12) - Introduction and ACF's documentation
(03:02) - Reviewing Aurooba's ACF block
(05:55) - Estimated timeframe for different types of blocks
(06:58) - A native block with innerBlocks
(09:57) - The native block with React components
(13:08) - Inner blocks versus block patterns
(17:08) - The code behind the " wrapper" block
(19:47) - Deciding which type of block to build
(21:37) - Building a block with React components
(24:52) - Matching the block editor's UI
(28:21) - Wrap up - how to decide? -
Digging into ACF Blocks for the WordPress Block Editor
Aurooba and Brian dig into ACF Blocks and how taking a design from mockup to built with the Block Editor requires a mindset adjustment. They also talk through the code of a real ACF Block, coding LIVE on the episode and discussing the pros and cons of ACF Blocks versus native blocks – with support from GitHub Copilot, of course.
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!
ACF Blocks – https://www.advancedcustomfields.com/resources/blocks/
Brian's website – https://briancoords.com/
Aurooba's website – https://aurooba.com
(00:00) - Digging into ACF Blocks for the Block Editor
(01:18) - Our ACF origin stories
(03:38) - Switching to ACF Blocks from Flexible Content Rows
(06:32) - The pros and cons of JSON
(08:18) - Building blocks without a build process
(09:20) - The two main types of blocks
(12:34) - Why Aurooba never tried ACF Blocks before
(13:57) - The fragility of blocks in the early days
(15:25) - Approaching design atomically instead of as rows and columns
(20:06) - Building a block with ACF Blocks
(23:25) - Enabling Core Supports in ACF Blocks
(26:11) - Live Coding: Adding background color support to the block
(31:37) - Are ACF Blocks here to stay? -
Starting a New Project
Brian gets Aurooba to spill all the details about how she starts a new client website project. They discuss the tech stack, when to use WordPress, using plugins versus custom coding, and more. Then they dig into her project management and communication best practices, including her preposterous claim that she’s actually taught clients how to record and send her Loom videos. Oh- and they each share their best stories of projects that went completely off the rails.
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://briancoords.com/
Aurooba's website – https://aurooba.com
Customer Reviews
Awesome Podcast!
Great perspectives from knowledgeable people sprinkled with actionable takeaways, all wrapped up in fun conversations. What more could you ask for from a podcast? Well done, Aurooba and Brian! 👏
My new favorite WordPress podcast
Aurooba and Brian do an excellent job of getting into some great WordPress topics without sounding like they’re trying to sell us anything. Topics like local development and others seem to rarely be talked about anymore yet they do bring a fresh perspective to them.