Developer Hours are informal discussions where WordPress developers can talk about a variety of related topics with both peers and experts.
In this session a group of developers talk about adding a block implementation of a shortcode or widget to an existing plugin.
___________________________________________
View this video and others on WordPress.TV: https://wordpress.tv/2023/02/15/developer-hours-migrate-a-plugin-to-blocks/
___________________________________________
Links from the video:
Block Editor Handbook - https://developer.wordpress.org/block-editor/
Ryan Welcher Codes - https://www.youtube.com/ryanwelchercodes
Gutenberg repo - https://github.com/WordPress/gutenberg/
Storybook - https://wordpress.github.io/gutenberg/
Introduction to Block Development course - https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/
Scaffolding tool - https://www.npmjs.com/package/@wordpress/create-block
___________________________________________
00:00 - Introduction and welcome
04:35 - Purpose of the session
07:03 - Announcements
10:23 - Round-robin introductions
19:41 - The Block Editor Handbook
23:12 - Using the source code
24:16 - Storybook
26:19 - Scaffolding tool
28:36 - Scaffolding a block without a plugin
34:08 - Block attributes
35:15 - Dynamic blocks
37:47 - Keeping it simple in the editor
40:02 - Server-side render component
42:25 - Plugins that use shortcode and block
44:52 - Implementing a WYSIWYG experience in the editor
49:13 - Creating blocks can add additional functionality over shortcodes
50:46 - Contributing to the handbook
54:17 - Wrap-up
In this session a group of developers talk about adding a block implementation of a shortcode or widget to an existing plugin.
___________________________________________
View this video and others on WordPress.TV: https://wordpress.tv/2023/02/15/developer-hours-migrate-a-plugin-to-blocks/
___________________________________________
Links from the video:
Block Editor Handbook - https://developer.wordpress.org/block-editor/
Ryan Welcher Codes - https://www.youtube.com/ryanwelchercodes
Gutenberg repo - https://github.com/WordPress/gutenberg/
Storybook - https://wordpress.github.io/gutenberg/
Introduction to Block Development course - https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/
Scaffolding tool - https://www.npmjs.com/package/@wordpress/create-block
___________________________________________
00:00 - Introduction and welcome
04:35 - Purpose of the session
07:03 - Announcements
10:23 - Round-robin introductions
19:41 - The Block Editor Handbook
23:12 - Using the source code
24:16 - Storybook
26:19 - Scaffolding tool
28:36 - Scaffolding a block without a plugin
34:08 - Block attributes
35:15 - Dynamic blocks
37:47 - Keeping it simple in the editor
40:02 - Server-side render component
42:25 - Plugins that use shortcode and block
44:52 - Implementing a WYSIWYG experience in the editor
49:13 - Creating blocks can add additional functionality over shortcodes
50:46 - Contributing to the handbook
54:17 - Wrap-up
- Category
- WordPress
- Tags
- 2023, How To, Learn WordPress
Be the first to comment


