viewSource
viewSource
  • 39
  • 32 798
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
มุมมอง: 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
Managing State in React
มุมมอง 193ปีที่แล้ว
Managing State in React
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
Reusable Components in React
มุมมอง 493ปีที่แล้ว
Reusable Components in React
Building an Accessible Accordion
มุมมอง 975ปีที่แล้ว
Building an Accessible Accordion
What is a React Component
มุมมอง 930ปีที่แล้ว
What is a React Component
Getting started with React inside WordPress
มุมมอง 7Kปีที่แล้ว
Getting started with React inside WordPress
Communicating When You Work Remotely
มุมมอง 104ปีที่แล้ว
Communicating When You Work Remotely
Building Websites with CSS Frameworks like Bootstrap
มุมมอง 283ปีที่แล้ว
Building Websites with CSS Frameworks like Bootstrap

ความคิดเห็น

  • @DanteCheat
    @DanteCheat 7 วันที่ผ่านมา

    Guys, I wanted to learn something about copilot in wordpress while I'm traveling... First 7 minutes you are talking about genders...

  • @Copt774
    @Copt774 10 วันที่ผ่านมา

    Database seeders are really cool feature for when ur developing with laravel.

  • @SarothSingle1998
    @SarothSingle1998 19 วันที่ผ่านมา

    0:23 0:25

  • @seanraz
    @seanraz 19 วันที่ผ่านมา

    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.

  • @sergannn
    @sergannn 22 วันที่ผ่านมา

    wordpress is dewoo matiz , laravel is mercedes e

  • @olga_lc
    @olga_lc 27 วันที่ผ่านมา

    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?

  • @nicolasarcelin3220
    @nicolasarcelin3220 27 วันที่ผ่านมา

    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.

  • @VXTLLC
    @VXTLLC หลายเดือนก่อน

    Wow a year old and I’ve just now found this convo. They speak facts

  • @dotmavriq
    @dotmavriq 2 หลายเดือนก่อน

    Seriously underrated podcast

  • @saint_shaun
    @saint_shaun 2 หลายเดือนก่อน

    🙌🏾

  • @mirekwad
    @mirekwad 3 หลายเดือนก่อน

    For me Wordpress has been taken by JS developers, which means they will overcomplicated the wordpress

  • @Paution
    @Paution 3 หลายเดือนก่อน

    Great episodes! I would like a Part 3 with bookmarks saved in the database for a user logged in account 🤞🙏

  • @Whatreally123
    @Whatreally123 3 หลายเดือนก่อน

    Can I duplicate the folder strcture of a gutenerbg block and make some changes and will it work?

  • @gianbattistamaricosu1911
    @gianbattistamaricosu1911 3 หลายเดือนก่อน

    would be more more more and more usefull with a tab system

  • @Whatreally123
    @Whatreally123 3 หลายเดือนก่อน

    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.

  • @Lucky_Lukie
    @Lucky_Lukie 4 หลายเดือนก่อน

    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..

  • @fightbutterfly
    @fightbutterfly 4 หลายเดือนก่อน

    Thankyou for this introduction

  • @MrJfergs
    @MrJfergs 4 หลายเดือนก่อน

    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?

  • @m.b786
    @m.b786 5 หลายเดือนก่อน

    everytime ! wordpress is a cancer ! people never know how to use a CMS and they always call you ...

  • @wyky150
    @wyky150 5 หลายเดือนก่อน

    PHP is dead, wake up people!

  • @andgoedu
    @andgoedu 5 หลายเดือนก่อน

    Laravel is awesome it can be used even with wordpress in bedrock environment & sage theme.

  • @losmandev
    @losmandev 5 หลายเดือนก่อน

    Great video, thank you for the comparisons and going deep with it

  • @anjugoel8957
    @anjugoel8957 5 หลายเดือนก่อน

    How we can find a good larawel developer to fix problems on already existed website

  • @aderangedman
    @aderangedman 6 หลายเดือนก่อน

    Would point out, if you use roots/radicle or roots/sage you can have both

  • @georgezimmer5622
    @georgezimmer5622 6 หลายเดือนก่อน

    When you're a developer and not a designer selling $100 bucks websites on fiverr

  • @kristijanpirkovic9594
    @kristijanpirkovic9594 6 หลายเดือนก่อน

    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.

  • @binaryfire
    @binaryfire 7 หลายเดือนก่อน

    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”

    • @BrianCoords
      @BrianCoords 7 หลายเดือนก่อน

      Yes - in your block.json file you can set the default for any attribute: "attributes": { "align": { "type": "string", "default": "full" }, }

    • @binaryfire
      @binaryfire 7 หลายเดือนก่อน

      @@BrianCoords Nice, thanks!

  • @elliottrichmondwp
    @elliottrichmondwp 7 หลายเดือนก่อน

    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 👏👏

  • @Vrtel__
    @Vrtel__ 7 หลายเดือนก่อน

    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.

  • @ChrisHaasForReal
    @ChrisHaasForReal 7 หลายเดือนก่อน

    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!

    • @viewsourcefm
      @viewsourcefm 7 หลายเดือนก่อน

      Awesome! Glad you enjoyed it. Definitely makes sense to take smaller steps into the block editor.

  • @visualmodo
    @visualmodo 7 หลายเดือนก่อน

    Really good video!

  • @SiteStudio
    @SiteStudio 7 หลายเดือนก่อน

    I like it. I'm currently using HTMX in WordPress to do these types of interactions.

    • @viewsourcefm
      @viewsourcefm 7 หลายเดือนก่อน

      I hear a lot of good things about HTMX -Brian

    • @justindouglas3659
      @justindouglas3659 5 หลายเดือนก่อน

      Wow how do you do that?

  • @carolinmoll5859
    @carolinmoll5859 7 หลายเดือนก่อน

    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 ...

    • @BrianCoords
      @BrianCoords 7 หลายเดือนก่อน

      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.

    • @carolinmoll5859
      @carolinmoll5859 7 หลายเดือนก่อน

      @@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 ...)

    • @BrianCoords
      @BrianCoords 7 หลายเดือนก่อน

      ​@@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?

    • @carolinmoll5859
      @carolinmoll5859 7 หลายเดือนก่อน

      @@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 ...

    • @carolinmoll5859
      @carolinmoll5859 7 หลายเดือนก่อน

      @@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?

  • @clarkkentgwapo1
    @clarkkentgwapo1 7 หลายเดือนก่อน

    Why you compare cms vs framework

  • @visualmodo
    @visualmodo 8 หลายเดือนก่อน

    Really good content!!!

  • @tandaramandaraba
    @tandaramandaraba 8 หลายเดือนก่อน

    wtf 99,99% is talking in this video :S

    • @TheSoulCrisis
      @TheSoulCrisis 7 หลายเดือนก่อน

      Lmao I thought the same thing. 😂

  • @Unknownsec777
    @Unknownsec777 8 หลายเดือนก่อน

    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!

  • @princekonadu5069
    @princekonadu5069 8 หลายเดือนก่อน

    How can tailwind be included for styling

  • @codingtostopprocrastinatio9748
    @codingtostopprocrastinatio9748 8 หลายเดือนก่อน

    Can you make videos on thematics like Headless Wordpress, Gutenberg custom blocks, Wordpress & external databases, Wordpress parsing & working with APIs ...

    • @viewsourcefm
      @viewsourcefm 8 หลายเดือนก่อน

      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.

    • @codingtostopprocrastinatio9748
      @codingtostopprocrastinatio9748 8 หลายเดือนก่อน

      @@viewsourcefm Much appreciated ! These topics are really less touched in the community. It is quite niche i would say.

  • @Vrtel__
    @Vrtel__ 8 หลายเดือนก่อน

    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.

  • @JamesAutoDude
    @JamesAutoDude 8 หลายเดือนก่อน

    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.

    • @BrianCoords
      @BrianCoords 8 หลายเดือนก่อน

      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.

  • @paulroos8517
    @paulroos8517 8 หลายเดือนก่อน

    For me, a great discovery. I am a C / C++ developer. So this is the type of introduction to React that appeals to me.

  • @rawahapool
    @rawahapool 8 หลายเดือนก่อน

    WordPress is trash, laravel is above WordPress

  • @kerimtim
    @kerimtim 8 หลายเดือนก่อน

    And she asks her the right questions just like what I would ask

  • @kerimtim
    @kerimtim 8 หลายเดือนก่อน

    7:44 He made such a good point saying. View should not be thinking.

  • @kerimtim
    @kerimtim 8 หลายเดือนก่อน

    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?

    • @viewsourcefm
      @viewsourcefm 8 หลายเดือนก่อน

      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.

  • @greendsnow
    @greendsnow 9 หลายเดือนก่อน

    She laughs, and instead of smiling back as expected, he has a mustache that cuts the connection line...

  • @karlson2804
    @karlson2804 9 หลายเดือนก่อน

    WordPress is bullshit and I must fight with this every fucking day.

    • @1080pixel
      @1080pixel 9 หลายเดือนก่อน

      Reasons for your pov? Can't relate (using WP & Bricksbuilder)

    • @Zircuitz
      @Zircuitz 4 หลายเดือนก่อน

      @@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.

  • @clickadelic7681
    @clickadelic7681 9 หลายเดือนก่อน

    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 ❤

  • @programmingholic
    @programmingholic 9 หลายเดือนก่อน

    Keep sharing guyz., i am new to laravel, enjoying your series.