- 39
- 32 798
viewSource
United States
เข้าร่วมเมื่อ 2 พ.ย. 2022
A weekly conversation between Aurooba Ahmed and Brian Coords about tech, web development and WordPress.
Exploring the Interactivity API in WordPress Part 2
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 TH-cam and subscribe to our channel and newsletter to hear about episodes (and more) first!
github.com/WordPress/gutenberg/discussions/categories/interactivity-api?discussions_q=is%3Aopen+category%3A%22Interactivity+API%22
SethRubenstein
DevelopWoo
developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity/packages-interactivity-api-reference
Brian's website - www.briancoords.com
Aurooba's website - aurooba.com
00:00:00 Introduction
00:01:21 Packages vs Feature Plugins
00:04:24 Browsing the Documentation
00:08:24 Preview of our frontend block
00:09:53 HTML Directives
00:13:12 Conventions for binding and events handlers
00:16:31 Callbacks and Actions
00:18:37 State, Context and Loops
00:20:04 Using Attributes and Hydration
00:24:01 Wrapping up and Next Steps
A full transcript of the episode is available on the website. Watch the video podcast on TH-cam and subscribe to our channel and newsletter to hear about episodes (and more) first!
github.com/WordPress/gutenberg/discussions/categories/interactivity-api?discussions_q=is%3Aopen+category%3A%22Interactivity+API%22
SethRubenstein
DevelopWoo
developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity/packages-interactivity-api-reference
Brian's website - www.briancoords.com
Aurooba's website - aurooba.com
00:00:00 Introduction
00:01:21 Packages vs Feature Plugins
00:04:24 Browsing the Documentation
00:08:24 Preview of our frontend block
00:09:53 HTML Directives
00:13:12 Conventions for binding and events handlers
00:16:31 Callbacks and Actions
00:18:37 State, Context and Loops
00:20:04 Using Attributes and Hydration
00:24:01 Wrapping up and Next Steps
มุมมอง: 579
วีดีโอ
Exploring the Interactivity API in WordPress Part 1
มุมมอง 1.5K7 หลายเดือนก่อน
o 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...
Font Library in WordPress 6.5
มุมมอง 7168 หลายเดือนก่อน
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 TH-cam and subscribe to our channel and newsletter to hear about episodes (a...
Comparing Next.js and WordPress Deployment Processes
มุมมอง 3648 หลายเดือนก่อน
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 o...
Building a NextJS Application Part 4 - Supabase
มุมมอง 838 หลายเดือนก่อน
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 vid...
Diving into the Next.js 14 App Router
มุมมอง 1499 หลายเดือนก่อน
Continuing the series on Next.js, Aurooba and Brian take a look at a Next.js version of 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 here and subscribe to our channel and newsletter (viewsource.fm/subscribe) to hear about episodes (and more) first! - Next.js 14 App Route...
Building a Next.js Application - Part 2
มุมมอง 1279 หลายเดือนก่อน
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 [TH-cam](th-cam.com/video/ztew0YHki-s...
Exploring Next.js Part 1.5
มุมมอง 12310 หลายเดือนก่อน
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 ...
Building with Next.js - Part 1
มุมมอง 26610 หลายเดือนก่อน
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 TH-cam and subscribe to our channel and...
We want to see more releases like WordPress 6.4
มุมมอง 23411 หลายเดือนก่อน
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 TH-cam and subscribe to our channel and newsletter to hear a...
Modern Deployment for Laravel and WordPress
มุมมอง 443ปีที่แล้ว
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 TH-cam and subscribe to our channe...
Content relationships in Laravel vs WordPress
มุมมอง 305ปีที่แล้ว
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 TH-cam and subscribe to our channel and newsletter to hear about episodes (and more) first! D...
Diving into models and views in Laravel
มุมมอง 722ปีที่แล้ว
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 TH-cam and subscribe to our channel and newsletter to hear about e...
When should you pick Laravel over WordPress?
มุมมอง 6Kปีที่แล้ว
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 ...
viewSource Season 2 Trailer
มุมมอง 572ปีที่แล้ว
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 TH-cam (www.youtube.com/@viewsourcefm) and subscribe to our channel and newsletter (viewsource.fm/subscribe) to hear about episodes (and more) first! - Brian's website - www.b...
Reflecting on WordPress: the recent updates, the near future, and other things
มุมมอง 141ปีที่แล้ว
Reflecting on WordPress: the recent updates, the near future, and other things
Wishlist for Modern WordPress Development
มุมมอง 260ปีที่แล้ว
Wishlist for Modern WordPress Development
Lessons from producing season 1 of viewSource
มุมมอง 89ปีที่แล้ว
Lessons from producing season 1 of viewSource
Passing Props and Toggling an Element in React.js
มุมมอง 274ปีที่แล้ว
Passing Props and Toggling an Element in React.js
Getting started with GitHub pull requests and reviews
มุมมอง 942ปีที่แล้ว
Getting started with GitHub pull requests and reviews
Explore one of the coolest new features of WordPress 6.2
มุมมอง 335ปีที่แล้ว
Explore one of the coolest new features of WordPress 6.2
Transitioning from ACF Flexible Content Fields to ACF Blocks
มุมมอง 1.5Kปีที่แล้ว
Transitioning from ACF Flexible Content Fields to ACF Blocks
Tips on how to to debug your WordPress code
มุมมอง 249ปีที่แล้ว
Tips on how to to debug your WordPress code
Getting started with React inside WordPress
มุมมอง 7Kปีที่แล้ว
Getting started with React inside WordPress
Building Websites with CSS Frameworks like Bootstrap
มุมมอง 283ปีที่แล้ว
Building Websites with CSS Frameworks like Bootstrap
Guys, I wanted to learn something about copilot in wordpress while I'm traveling... First 7 minutes you are talking about genders...
Database seeders are really cool feature for when ur developing with laravel.
0:23 0:25
Good discussion. Currently going through the process of evaluating native vs ACF blocks and this helps. Leaning to ACF, honestly, just to avoid a crazy build process and the janky nature of static block maintenance.
wordpress is dewoo matiz , laravel is mercedes e
Guys, when using ACF blocks, how do you add an existing block to another page template? You don`t have to copy all the fields in the admin as with flexible content?
Great playlist but I am having a hard time understanding how to actually integrate it with wordpress. How should I build the react js code and where do I place it so that it is represented on my wordpress? I have a good understanding of reactJS but am a complete beginner when it comes to wordpress or php. I am trying to fill that gap by avoiding php as much as possible hence the reactJS. Thank you.
Wow a year old and I’ve just now found this convo. They speak facts
Seriously underrated podcast
🙌🏾
For me Wordpress has been taken by JS developers, which means they will overcomplicated the wordpress
Great episodes! I would like a Part 3 with bookmarks saved in the database for a user logged in account 🤞🙏
Can I duplicate the folder strcture of a gutenerbg block and make some changes and will it work?
would be more more more and more usefull with a tab system
Hi Ryan/Aurooba, I am trying to find out if there is way to only display the first word or first 2 words of a post title on a page where posts are pulled in via the Query Loop? Let's say I have a post titled "wordpress development tips & tricks 2024" and when this post is displayed on a page (either custom or archive), in a grid/list format only the first 2 words are shown like "wordpress development". But when the user clicks on it and is taken to the post, the full title will be visible. I am using the twenty twenty four block theme and unfortunately there isn't a lot of information around how to do it.
Brian is glowing when he talks about Laravel. I recently got into filamentphp, coming from WordPress, so I fully understand, night and day difference and so much more organized..
Thankyou for this introduction
Could you guys do a video on radicle the wordpress theme from roots and sage and trellis? With the custom folder structure and blade templates?
everytime ! wordpress is a cancer ! people never know how to use a CMS and they always call you ...
PHP is dead, wake up people!
Laravel is awesome it can be used even with wordpress in bedrock environment & sage theme.
Great video, thank you for the comparisons and going deep with it
How we can find a good larawel developer to fix problems on already existed website
Would point out, if you use roots/radicle or roots/sage you can have both
When you're a developer and not a designer selling $100 bucks websites on fiverr
Hey guys loved this video, wanted to ask you a question. I really like the native static blocks the seem to offer best UX, but is there a way to prevent Attempt Block Recovery? In Pinegrow they manage to overcome this by using React on the Backend and PHP on the front end.
Great vid! Is there a way of setting the default align value as well? I’d like to set the default align on some of my blocks to “full” instead of “none”
Yes - in your block.json file you can set the default for any attribute: "attributes": { "align": { "type": "string", "default": "full" }, }
@@BrianCoords Nice, thanks!
Great video, and I found the most impactful insight within the first four minutes. The notion of being more extensible and thoughtful, of embracing a slower pace where "slow is smooth, slow is fast," resonated deeply with me. It harks back to the foundational principles of WordPress, which I believe are essential to revisit. In my humble opinion, returning to this approach is crucial for future growth 👏👏
Great episode. I would love to see server side stuff with Interactivity API. For example load more button (for posts), infinite scroll or active search.
I've got 20+ years of agency experience and have been building WordPress + ACF FC sites for years now. I dabbled with the block editor, but never jumped in. This has been by far the best talk on transitioning. I've watched a lot of the JS-hype train stuff in the past, but this approach was way more practical. It is hard to blow everything up and start fresh, so showing that there's a transitional path that makes things incrementally better is awesome. I'm also glad you broached the subject of "do I need to support every block now", which was another pain point, and I like that you said it was controversial to disable things, but still a valid option, especially for those just getting started. Great video, great talk!
Awesome! Glad you enjoyed it. Definitely makes sense to take smaller steps into the block editor.
Really good video!
I like it. I'm currently using HTMX in WordPress to do these types of interactions.
I hear a lot of good things about HTMX -Brian
Wow how do you do that?
It's a great video with lots of insights. But I wonder how did you manage to display the two columnsin edit mode just like in preview mode? In my Block the input fields in edit mode are all linearized underneath another ...
So when setting up your Field Group, each field has a "width" option under the Presentation tab I believe. You can use percentages to get your field to show up in columns.
@@BrianCoords Thanks for your super-quick answer! :) Yes, that's a workaround, but I'm looking for a way, that the edit mode just uses and displays the values of my main stylesheet. Cause there everything is well defined ... like the columns and look of my block etc. Is the problem, that I don't use a block stylesheet? (I just want my main stylesheet to do all styling stuff for the moment ...)
@@carolinmoll5859 Technically any stylesheets that you're loading into the block editor _should_ show up on your ACF Block - is your main stylesheet loaded in the block editor?
@@BrianCoords I must admit, I don't know if it is correctly. I do have registered the stylesheed via the enqueue_block_editor_assets hook. Everything then looks good in preview mode. But if i switch to edit mode, I have only a list of fields without my column context ...
@@BrianCoords Now I know what might be the problem. It's not the stylesheet not beeing loaded ... In Edit mode we have completely different HTML-Block: It's an outer DIV with classes acf-block-fields acf-fields, then inner DIVs with class acf-field ... Any ideas how to put the acf-fields in "our" DIV structure, like we have defined it in our block-php-file?
Why you compare cms vs framework
Really good content!!!
wtf 99,99% is talking in this video :S
Lmao I thought the same thing. 😂
Love for the info but please read your bible.. god is very specific about the gender he gave us. Only love❤️ keep up the content!
How can tailwind be included for styling
Can you make videos on thematics like Headless Wordpress, Gutenberg custom blocks, Wordpress & external databases, Wordpress parsing & working with APIs ...
We do have some videos touching on some of those topics, like Gutenberg custom blocks, but we'll definitely add these to our inspiration list.
@@viewsourcefm Much appreciated ! These topics are really less touched in the community. It is quite niche i would say.
Astro.js might be interesting for you since it is more content centric also They released Astro db a few days ago. I think it was said they were inspired by WordPress with the simple database integration.
What really ticks me off is when a wordpress person claims and sells their websites like it takes huge skills and rips off customers with that.
Anybody ripping people off is bad. But there are definitely situations where WordPress is used on complex projects worth tens or even hundreds of thousands of dollars. Ultimately people should pay for the value they get out of the project, not the tech stack.
For me, a great discovery. I am a C / C++ developer. So this is the type of introduction to React that appeals to me.
WordPress is trash, laravel is above WordPress
And she asks her the right questions just like what I would ask
7:44 He made such a good point saying. View should not be thinking.
Thank you for this episode first of all! My question is. You install all those packages e.g Breeze and others, and they're really helpful. But the question is the Design. How do you then customize the design, if the client wants it the other way?
When you install Breeze it copies a bunch of template files into your project. You can edit them as much as you'd like, as long as you're keeping the functionality in place. But you can modify the HTML, change the classes, etc.
She laughs, and instead of smiling back as expected, he has a mustache that cuts the connection line...
😂😂
hahaahahahaa
WordPress is bullshit and I must fight with this every fucking day.
Reasons for your pov? Can't relate (using WP & Bricksbuilder)
@@1080pixel It's a security nightmare... Look at the CVE's for that thing, It's frightening! You'd probably have to update it multiple times a day if you want to have it remain secure, and even that might not be enough. There are tons of people developing plugins for that thing that have no idea what they're doing in terms of keeping things secure. Not to mention all the low-effort, trash websites that show up because of it. And WP being used for things it really wasn't designed for time and time again.
As a WP Veteran, there's a whole new world breaking up, when you discover Laravel, and yes it's awesome. This Podcast helps a lot get things speed up. Thanks a lot ❤
Keep sharing guyz., i am new to laravel, enjoying your series.