Title
Gutenberg Blocks for WordPress and React Developers
Use Your ReactJS and Redux Knowledge to Create Complex Gutenberg Blocks and Plugins from scratch.

What you will learn
Learn about the block editor design guidelines.
Discover how the block editor saves your post in the database and how the editor UI is constructed.
Learn how to use wp-scripts to transpile ES6 and JSX, compile SASS to CSS, bundle and minify your JS and CSS files and more.
Integrate ESLint, Prettier, Stylelint and Husky in your project to improve your workflow.
Create a new custom Gutenberg block from scratch.
Customize the block editor features in your WordPress theme.
Discover every aspect you need to know to create a complex Gutenberg block.
Create a nested block (a block that accepts other blocks inside of it).
Use third party react libraries to create complex features.
Learn about handling deprecated blocks.
Learn how to transform your custom block into another block.
Create a dynamic block.
Explore how to use the existing data stores in your blocks.
Learn how to create your own data stores stores in order to share data between blocks.
Learn different ways to manage meta fields in the block editor.
Learn how to create a custom sidebar in the block editor and manage your meta fields inside of it.
Learn how to extend the existing block editor's sidebar.
Learn about features like patterns, context, formatting API and templates.
Modify existing block's behavior with JavaScript & PHP filters.
Internationalize blocks by generating and loading translation files.
Why take this course?
๐ Course Title: Gutenberg Blocks for WordPress and React Developers
๐ Course Headline: Use Your ReactJS and Redux Knowledge to Create Complex Gutenberg Blocks and Plugins from scratch.
Unlock the Power of WordPress's New Block Editor with ReactJS ๐
Welcome to the world of Gutenberg, WordPress's cutting-edge block editor that's revolutionizing the way we create content online. As a ReactJS and Redux developer, you have a unique opportunity to harness your skills and build dynamic, scalable WordPress blocks from the ground up. In this comprehensive course, we'll guide you through every step of the process, from understanding the fundamentals of Gutenberg block design to crafting sophisticated plugins that will enhance both user experience and site functionality.
Why This Course?
- Real-World Application: Learn by doing, as you apply your JavaScript, ReactJS, and Redux knowledge in practical, hands-on exercises.
- Advanced Learning: This course is designed for developers with existing WordPress theme/plugin development experience, and a solid grasp of modern JavaScript features (ES6+).
- React Components Mastery: Dive deep into React concepts like component state, hooks, and higher-order componentsโwith a touch of Redux for added power.
Course Structure & Learning Outcomes:
๐ Section 1: Design Guidelines for Gutenberg Blocks
- Understand the design principles that ensure your blocks are user-friendly and meet WordPress standards.
๐ Section 2: Building a Gutenberg Plugin from Scratch
- Register and set up your first Gutenberg block within a WordPress plugin.
- Utilize
wp-scripts
to handle JavaScript and CSS file processing. - Streamline your development workflow with ESLint, Prettier, Stylelint, and Husky.
๐งต Section 3: Leveraging Your Theme
- Explore how you can modify or add features directly in your WordPress theme to enhance the block editor experience.
๐๏ธ Section 4: Crafting a Simple Block
- Start with a simple block and explore its capabilities, setting the foundation for more complex development.
๐ ๏ธ Section 5: Advanced Features in Gutenberg Blocks
- Implement advanced functionalities within your blocks, such as adding nested blocks and handling images with ease.
โก Section 6: Building Dynamic Blocks
- Learn how to create blocks that can interact with the WordPress database, displaying dynamic content on demand.
๐ค Section 7: Working with Redux-like Data Stores
- Understand how to leverage existing data stores and even create your own within Gutenberg.
๐ Section 8: Managing Metadata & Sidebar Plugins
- Master metadata management using Gutenberg blocks and create a custom sidebar plugin for additional functionality.
๐ Final Section: Context, Patterns, Templates, Formatting API, Filters, and Internationalization
- Wrap up your learning by exploring advanced topics that will help you build contextually aware and user-friendly WordPress blocks.
By the end of this course, you'll have a comprehensive understanding of how to design, develop, and deploy Gutenberg blocks and plugins using ReactJS and Redux. Your skills will not only be limited to creating static content but also dynamic, responsive, and highly customizable experiences for WordPress users.
Join us on this journey to become an expert in the block-based future of WordPress development! ๐
Enroll now and take your WordPress and React development expertise to the next level with Gutenberg Blocks for WordPress and React Developers! ๐โจ
Screenshots




Our review
๐ Overall Course Review
Introduction: The course has received an overwhelmingly positive response from learners across the board. With a global rating of 4.83, it stands as a highly recommended resource for anyone looking to deepen their understanding and skills in Gutenberg block development within the WordPress ecosystem.
Pros:
- ๐ Comprehensive Curriculum: Reviewers have praised the course for its thorough coverage of Gutenberg block creation, with several highlighting that it's one of the most comprehensive they've encountered.
- ๐ง Beginner to Advanced: The teaching approach is lauded for being suitable for beginners while also providing depth for more advanced users.
- ๐ Real-World Application: Learners appreciate the practical and detailed explanations, which help in understanding not just the theory but also the application of concepts in real-world scenarios.
- ๐ ๏ธ Clear and Detailed Documentation: The course provides exceptional documentation, covering a wide array of topics related to Gutenberg block development, including deprecated versions, creating patterns, previews, static and dynamic blocks, and more.
- ๐ค Expertise and Generosity: The instructor's knowledge and willingness to share are frequently commended, with several learners expressing gratitude for the simplified teaching approach.
- โ Relevance Despite Updates: Even though WordPress updates frequently, the course remains relevant, with some learners pointing out that keeping it updated is a simple task with a bit of research on the latest features.
- ๐ Highly Recommended: The course is recommended by many as a must-have for anyone serious about understanding and creating custom Gutenberg blocks with React.
Cons:
- โฏ๏ธ Pacing and Structure: Some learners have noted that the instructor could pace the introduction of new concepts better, firing them out without sufficient build-up.
- ๐ง Complex English Usage: A couple of reviews mention language barriers, with some learners finding the English used in the course to be poor or confusing at times.
- โ Outdated Content and Errors: A few reviewers have pointed out that the course is slightly outdated, with some errors in the code that could be missed if not carefully followed.
- ๐ซ Presentation and Organization: One reviewer criticized the organization of the course and the instructor's presentation style, which seemed unorganized, particularly in Section 3.
- โ ๏ธ Annoying Verbal Habits: Another learner found the instructor's frequent use of "Right?" at the end of sentences to be a distraction or an irritant, possibly affecting the learning experience.
Additional Notes:
- Some learners have mentioned that they found solutions to outdated content by tweaking the provided information, indicating that despite some dated aspects, the core knowledge remains valuable.
- The course is slightly marred by a few negative reviews, but these are outweighed by the overwhelmingly positive reception it has received from the majority of learners.
Conclusion: This course stands as an exemplary resource for anyone looking to master Gutenberg block development in WordPress. Despite a few hiccups, such as outdated content and some organizational challenges, the strengths of the course far outshine its weaknesses. With its comprehensive coverage and expert instruction, it's a valuable tool for both beginners and seasoned developers alike. It is recommended with the caveat that learners should stay informed on the latest WordPress updates to ensure their development practices are current.
Charts
Price

Rating

Enrollment distribution

Coupons
Submit by | Date | Coupon Code | Discount | Emitted/Used | Status |
---|---|---|---|---|---|
- | 21/06/2019 | LEARNVIRAL | 92% OFF | expired |