WordPress Gutenberg Block Development With React Js And Php
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 3.66 GB | Duration: 7h 48m
Use ReactJS and PHP to build a custom WordPress Gutenberg block library – with React.js & WordPress Gutenberg (WP 6+)
What you’ll learn
Build a complete custom WordPress block library
Learn the difference between static and dynamic WordPress blocks
Create endless WordPress block customizations and features with React
Learn block variations and transform WordPress blocks into other blocks
Load WordPress data within blocks
Learn different styling techniques for WordPress blocks
Build a dynamic block front-end with PHP and JavaScript
Requirements
Some familiarity with the WordPress block editor would be beneficial. Everything else is covered in the course!
Description
Master WordPress Gutenberg Block Development with ReactUnlock the secrets to creating captivating, custom Gutenberg blocks powered by React. Elevate your WordPress websites with unmatched functionality, interactivity, and design.Introducing the Ultimate Gutenberg Block Library!Curvy: Break the mold with aesthetically pleasing curvy shape dividers. Elevate your content separation in style.Piccy Gallery & Piccy Image: Craft interactive image galleries that engage and enthrall your site visitors.Clicky Group & Clicky Button: Elevate your call-to-action game with dynamic button groups that link directly to specific pages, not just URLs.What You’ll Learn:React within WordPress: Understand the fusion of React’s component-based architecture within the Gutenberg editor for seamless block creation.Static vs. Dynamic Blocks: Delve deep into the nuances and understand why dynamic blocks often win.Custom Block Essentials: Explore custom block data, side panels, post data retrieval, custom toolbars, and leveraging innate WordPress toolbars and features.Block Variations: Craft varied designs like Curvy, Curvy top, and Curvy bottom.Block Transforms: Master the art of transforming regular text paragraphs into feature-rich Curvy blocks using React components.Custom Block Metadata: Personalize your blocks with custom icons, categories, and more.Inner Block Rendering: Dive into the mechanics of rendering inner blocks efficiently with React.Block Restriction: Learn the art of defining which blocks fit where, such as ensuring Clicky Button blocks exclusively serve as children to Clicky Group blocks.Interactive Blocks: Harness the power of JavaScript and React to create dynamic blocks that interact and respond.Block Previews: Get hands-on with block previews by utilizing “example” in block.json.Styling Techniques: Dive into different strategies for block styling from stylesheets, block.json attributes, to theme.json elements.Why Choose This Course?Deep Dive into React: Gain a profound understanding of React within the context of the WordPress block editor.Practicality: Comprehensive hands-on exercises, real-world examples, and projects.Updated Content: Stay ahead with the latest Gutenberg block development trends, React best practices, and integrative techniques.Expert-led: Learn from seasoned WordPress and React developers with years of experience.Transform your WordPress designs and functionalities using Gutenberg blocks enhanced by React. Enroll today and shape the future of your websites!
