In this comprehensive talk, I\u2019ll dive into the world of Gutenberg blocks, starting with the fundamental concepts and gradually progressing to hands-on block creation. Whether folks are new to Gutenberg or experienced users looking to build custom blocks, this guide will provide a step-by-step journey through block development. We will explore the core principles of Gutenberg, learn how to leverage React JS for creating custom blocks. After this, attendees will have the skills and confidence to craft their own Gutenberg blocks, adding a new dimension of customisation and interactivity to your WordPress website.<\/p>\n\n\n\n
Here is a brief outline of the session:<\/p>\n\n\n\n
Introduction
\u2013 Brief introduction on the topic of creating custom Gutenberg blocks using React JS.
\u2013 The importance of Gutenberg in modern WordPress development.<\/p>\n\n\n\n
Section 1: Understanding the basics<\/p>\n\n\n\n
Subsection 1.1: What are Gutenberg Blocks?
\u2013 The concept of Gutenberg blocks and their role in WordPress content creation.<\/p>\n\n\n\n
Subsection 1.2: Benefits of Custom Blocks
\u2013 The advantages of creating custom Gutenberg blocks for your website.<\/p>\n\n\n\n
Subsection 1.3: What is React and JSX?
\u2013 A brief introduction to React and JSX
\u2013 Benefits of React and WordPress\u2019 React adaptation.<\/p>\n\n\n\n
Section 2: Setting Up the Development Environment<\/p>\n\n\n\n
Subsection 2.1: Prerequisites
\u2013 The tools and requirements necessary for building custom Gutenberg blocks with React JS.<\/p>\n\n\n\n
Subsection 2.2: Setting Up a Development Environment
\u2013 Step-by-step instructions on how to set up a development environment for WordPress block development.<\/p>\n\n\n\n
Section 3: Creating a Basic Gutenberg Block
\u2013 Hand on to write the React JS code for a simple custom Gutenberg block.<\/p>\n\n\n\n
Section 4: Conclusion and Next Steps
\u2013 Key takeaways from the tutorial.
\u2013 Resources for further exploration and advanced block development techniques.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
In this comprehensive talk, I\u2019ll dive into the world of Gutenberg blocks, starting with the fundamental concepts and gradually progressing to hands-on block creation. Whether folks are new to Gutenberg or experienced users looking to build custom blocks, this guide will provide a step-by-step journey through block development. We will explore the core principles of […]<\/p>\n","protected":false},"author":21106619,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":true,"_wcpt_session_time":1737181800,"_wcpt_session_duration":2700,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[5067],"footnotes":""},"session_track":[31],"session_category":[],"class_list":["post-5073","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-workshop"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"January 18, 2025","time":"12:00 pm"},"session_speakers":[{"id":"5067","slug":"amartya-gaur","name":"Amartya Gaur","link":"https:\/\/kolkata.wordcamp.org\/2025\/speaker\/amartya-gaur\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/5073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":1,"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/5073\/revisions"}],"predecessor-version":[{"id":5074,"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/5073\/revisions\/5074"}],"speakers":[{"embeddable":true,"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/speakers\/5067"}],"author":[{"embeddable":true,"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wporg\/v1\/users\/amartyag"}],"wp:attachment":[{"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/media?parent=5073"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_track?post=5073"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/kolkata.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_category?post=5073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}