Developer Hours: Build your first WordPress block
Вставка
- Опубліковано 21 лип 2024
- Welcome to the first Developer Hours session of 2024, where we explored the "Build your first block" tutorial from the Block Editor Handbook.
During the session, we worked through the tutorial together, answering any questions folks had along the way. Attendees learned the basics of building a custom block, including the key concepts of block development and an overview of the common tools and packages used.
Tutorial: Build your first block: developer.wordpress.org/block...
Block Editor Handbook: developer.wordpress.org/block...
---
View this video and others on WordPress.TV: wordpress.tv/2024/01/16/devel...
Such great content.
You are asking for suggestions: Could you have sessions where you go over the specific libraries? I think that would be really helpful.
Maybe also one where you guide how to learn more about that library
First of all, I'd like to apologize if I can't join you guys live. Time difference is crazy.
Secondly, this Developer Hours series is one of the best Automattic has done. These videos are the most useful for me and Nick, Ryan and their pals are doing really great job.
Third, I hope to see you guys create Block Patterns.
Great work guys!
"Hello, I wanted to express my gratitude for the tutorial you provided. Nevertheless, I stumbled upon an issue that was not mentioned in the tutorial's resources. It turned out that there was a dependency on Git software that was required to be installed. I received an uninformative error message after executing the 'wp-env start' command, which I later discovered was due to Git not being installed on my system."
thank you nick and ryan, very good tutorials and videos, i learn a lot from you.
the thing with block dev is that its easy when its simple, and realy hard when its a bit more complex, for example, i tried building a block that implement and srcset in order to have different images for every screen size and it was realy hard and complex, no tutorial or video was able to help me achieve this.(from another video if nick i know there is a plugin that does that, but only now 😅)
also, its nice and cozy to build block in a local env, but in production, with CI/CD process and a lot more dependencies, its more difficult to build a simple block. like ryan, i also uploaded entire node modules folder to my prod server, and it made me hate node...
i would appreciate tutorials about node, webpack, react, jsx IN THE CONTEXT OF WP because all the content on them on the web is kind of isolated from wp
Thank you for sharing. It was definitely a great start (as you mentioned it was a bit disorganized and unprepared though). Thanks nevertheless. Looking forward to more beginner friendly tutorials
First Viewer 🎉 , 👍👍👍
awesome
this is not working, tried it with local and wp-env, the initial date block is not showing up. Tried to code a small block on my own, its working up to i beginn adding jsx in the Edit function, the block will not show up. No errors, also tried it on a live dev instance on my hosting server, the same, the initial build from the create-block plugin will not show a block in the page / post editor
in 6.6 Beta it's working again ...
Hi I have the same problem, the block created by create-block is not shown in the editor, does anyone know why? (Node js and Wordpress are updated.)
@@isheevaa Try 6.6 Beta
@@bloozy85 Can you please help me how to install it? I'm using WP 6.5 now
Tried with 6.6 beta but still not showing up. I'm using WordPress Beta Tester plugin.