{"id":40119,"date":"2025-07-18T06:26:54","date_gmt":"2025-07-18T06:26:54","guid":{"rendered":"https:\/\/www.iflair.com\/?p=40119"},"modified":"2025-10-16T09:17:39","modified_gmt":"2025-10-16T09:17:39","slug":"best-practices-for-gutenberg-block-development","status":"publish","type":"post","link":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/","title":{"rendered":"Best Practices for Gutenberg Block Development"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; el_class=&#8221;mx-0&#8243; z_index=&#8221;&#8221;][vc_column][vc_single_image image=&#8221;40124&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; el_class=&#8221;mx-0&#8243; z_index=&#8221;&#8221; css=&#8221;.vc_custom_1586517129021{padding-top: 30px !important;}&#8221;][vc_column][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; el_class=&#8221;custom-ul-with-text-wrapper&#8221;][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1752817482138{padding-top: 5px !important;padding-bottom: 5px !important;}&#8221;]<\/p>\n<h2><strong>Gutenberg Block Development Essentials<\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1752817574365{padding-top: 5px !important;padding-bottom: 5px !important;}&#8221;]<span style=\"font-weight: 400;\">If you\u2019ve been working with WordPress lately, you already know that Gutenberg is no longer \u201cthe new editor,\u201d it\u2019s the backbone of the entire CMS. From posts to full site editing (FSE), blocks rule everything.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For developers, this means your code is now the UX. A poorly coded block can make an editor feel clunky or even break a site. A well-built block? It feels like magic.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, how do you approach <\/span><a href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wordpress-block-development\/\"><b>WordPress block development<\/b><\/a><span style=\"font-weight: 400;\"> to build blocks that don\u2019t just work but feel right for editors, stay performant, and remain future-proof? Let\u2019s break it down.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Why Best Practices Matter (Now More Than Ever)<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">WordPress powers over 43% of the web. That means your block isn\u2019t just running on your local dev site; it might run on hundreds of environments with unknown themes, plugins, and server setups.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The mistakes I see most often:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Blocks that break after a WordPress update.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Inline CSS bloat that kills performance.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Missing accessibility features (a11y lawsuits are real).\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">The goal? <\/span><b>Build blocks that are lean, secure, and editor-friendly.<\/b><span style=\"font-weight: 400;\"> Here\u2019s how. <\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Start With a Clear Content Model<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Before writing a single line of React or PHP, ask:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">What does this block represent? Content or layout?\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Which parts should be <\/span><b>stored<\/b><span style=\"font-weight: 400;\"> (saved in post content) vs. <\/span><b>derived<\/b><span style=\"font-weight: 400;\"> (calculated from settings)?\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Does the block need global styles, custom controls, or both?\u00a0<\/span><\/li>\n<\/ul>\n<p><b>Example:<\/b><span style=\"font-weight: 400;\"> For an \u201cEvent Card\u201d block, store <\/span><b>title, date, and image<\/b><span style=\"font-weight: 400;\"> as attributes. Don\u2019t store pixel values or theme colors; let theme.json handle that.\u00a0<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Embrace block.json<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Skip messy register_block_type() calls with hardcoded settings. The <\/span><b>block.json<\/b><span style=\"font-weight: 400;\"> file is the standard now.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Why?\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Centralizes block metadata (title, icon, attributes).\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Allows <\/span><b>automatic registration<\/b><span style=\"font-weight: 400;\"> with register_block_type( __DIR__ ).\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Makes your block FSE-ready by default. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Think of block.json as the <\/span><b>manifest<\/b><span style=\"font-weight: 400;\"> for your block.\u00a0<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>\u00a0Use Modern JavaScript &amp; React Practices<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Gutenberg isn\u2019t jQuery land. It\u2019s React. Treat it that way.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write <\/span><b>functional components<\/b><span style=\"font-weight: 400;\"> with hooks (useState, useEffect, useSelect).\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Avoid deprecated WordPress JS APIs \u2014 they change fast.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tree-shake your imports. Don\u2019t pull in the entire component library for one toggle.\u00a0<\/span><\/li>\n<\/ul>\n<p><i><span style=\"font-weight: 400;\">import { useState } from &#8216;@wordpress\/element&#8217;;\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">function MyBlockEdit() {\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0const [text, setText] = useState(&#8221;);\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">\u00a0\u00a0return &lt;input value={text} onChange={(e) =&gt; setText(e.target.value)} \/&gt;;\u00a0<\/span><\/i><br \/>\n<i><span style=\"font-weight: 400;\">} <\/span><\/i>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Separate edit and save, like Church and State<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The <\/span><b>edit function<\/b><span style=\"font-weight: 400;\"> is for the editor UI. The <\/span><b>save function<\/b><span style=\"font-weight: 400;\"> outputs front-end markup. Mixing them? Recipe for chaos.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For <\/span><b>dynamic blocks<\/b><span style=\"font-weight: 400;\"> (e.g., pulling recent posts), skip save() and use render_callback in PHP. This ensures data stays fresh without users reopening the editor.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Accessibility First, Not Last<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Accessibility isn\u2019t a \u201cnice-to-have\u201d \u2014 it\u2019s part of your block\u2019s UX.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use semantic HTML.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Label every form field in the sidebar.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">For interactive elements (accordion, tabs), add proper <\/span><b>ARIA attributes<\/b><span style=\"font-weight: 400;\"> and keyboard support.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Pro tip: Test with <\/span><b>Tab key navigation<\/b><span style=\"font-weight: 400;\"> before shipping. If you can\u2019t use your block without a mouse, fix it.\u00a0<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Optimize for Responsive Design<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Your block will live in unpredictable layouts. Don\u2019t hardcode widths or margins.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use CSS Grid or Flexbox with fluid units.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Offer layout presets like <\/span><b>Full Width<\/b><span style=\"font-weight: 400;\">, <\/span><b>Wide<\/b><span style=\"font-weight: 400;\">, or <\/span><b>Content Width<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Respect theme.json spacing and typography.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bonus: If you love utility-first CSS, integrate <\/span><b>TailwindCSS<\/b><span style=\"font-weight: 400;\"> with PostCSS for Gutenberg. <\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Use InnerBlocks When Needed<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Building a \u201ccontainer\u201d block like a slider or FAQ? Don\u2019t reinvent the wheel.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use InnerBlocks to allow nesting.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lock templates when structure matters (templateLock=&#8221;all&#8221;).\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Allow specific child blocks for predictable UX.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Example: An Accordion block with Accordion-Item child blocks.\u00a0<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Performance Is Not Optional<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The editor is a React app. Heavy blocks make it slow.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lazy-load inspector controls for complex settings.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use useMemo to avoid recalculating expensive logic on every render.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Only enqueue scripts when the block is present.<\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Provide a Clean Editor UX<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Think like a content creator, not a developer.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Show helpful placeholders: <\/span><i><span style=\"font-weight: 400;\">\u201cAdd a heading\u2026\u201d<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">\u201cChoose an image\u201d<\/span><\/i><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Group settings logically in <\/span><b>InspectorControls<\/b><span style=\"font-weight: 400;\"> panels.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Don\u2019t overwhelm users with 30 options for a single block.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Golden rule: If your block needs a tutorial video, you did it wrong.\u00a0<\/span>[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b>Test Across Versions and Devices<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Blocks can break quietly after a WordPress update. Test for:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Backward compatibility<\/b><span style=\"font-weight: 400;\"> (Gutenberg versions, Classic themes).\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cross-browser rendering<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Copy-paste scenarios<\/b><span style=\"font-weight: 400;\"> (user copies content between sites).\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Automate with <\/span><b>Jest<\/b><span style=\"font-weight: 400;\"> for JS, <\/span><b>PHPUnit<\/b><span style=\"font-weight: 400;\"> for PHP, and even <\/span><b>Playwright<\/b><span style=\"font-weight: 400;\"> for e2e tests.\u00a0<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; css=&#8221;.vc_custom_1715260600126{margin-top: 20px !important;padding-top: 60px !important;padding-bottom: 60px !important;background-image: url(https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2024\/05\/Hire-Expert-Qusar-Developers-for-the-Smart-Web-App-Development-\u2013-1.jpg?id=26671) !important;}&#8221; el_class=&#8221;custom-ul-with-text-wrapper&#8221;][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3 style=\"text-align: left;\"><span style=\"color: #ffffff;\"><strong>Gutenberg: Build better WordPress blocks that last<\/strong><\/span><\/h3>\n<p>[\/vc_column_text]<a  itemprop=\"url\" href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/contact-us\/\" target=\"_self\"  class=\"qbutton  default home-banner-section home-banner-button\" style=\"margin: 35px 0px 0px 0px; border-radius: 5pxpx;-moz-border-radius: 5pxpx;-webkit-border-radius: 5pxpx; \">Get Guide<\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; css=&#8221;.vc_custom_1707119979398{margin-top: 20px !important;}&#8221;][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1707911356934{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;]<\/p>\n<h4><strong>The Way Forward<\/strong><\/h4>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<span style=\"font-weight: 400;\">Gutenberg isn\u2019t just a content editor anymore; it\u2019s the very foundation of WordPress. The blocks you create today could power thousands of sites for years to come. By embracing best practices in custom <\/span><a href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/building-a-custom-gutenberg-block-from-scratch-a-complete-guide\/\"><b>Gutenberg block development<\/b><\/a><span style=\"font-weight: 400;\">, you ensure your blocks remain reliable, accessible, performant, and fully prepared for the future of WordPress. Building with care today means delivering an editor experience that feels seamless and empowering tomorrow.<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; css=&#8221;.vc_custom_1707119045703{background-color: #ffffff !important;}&#8221; z_index=&#8221;&#8221; el_class=&#8221;contact-form-section pt-auto mx-0 custom_page_new&#8221; el_id=&#8221;contact-us&#8221;][vc_column][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; el_class=&#8221;contact-form-wrapper mx-0&#8243;][vc_column_inner el_class=&#8221;form-home-top&#8221;][vc_column_text css=&#8221;.vc_custom_1644228956305{padding-bottom: 10px !important;}&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>Free Consultation<\/strong><\/h2>\n<p>[\/vc_column_text]\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/iflair_site\/wp-json\/wp\/v2\/posts\/40119#wpcf7-f12-o1\" method=\"post\" class=\"wpcf7-form init default\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"12\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7dtx_version\" value=\"5.0.4\" \/>\n<\/fieldset>\n<span class=\"wpcf7-form-control-wrap dynamic_hidden-72\" data-name=\"dynamic_hidden-72\"><input type=\"hidden\" name=\"dynamic_hidden-72\" class=\"wpcf7-form-control wpcf7-hidden wpcf7dtx wpcf7dtx-hidden dtx-pageload\" aria-invalid=\"false\" value=\"Best Practices for Gutenberg Block Development\" data-dtx-value=\"CF7_get_post_var%20key%3D%27title\"><\/span>\n<div class=\"cmn-form-two-column-input\">\n\t<p class=\"cmn-form-input\"><label>Name*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n\t<p class=\"cmn-form-input\"><label>Email*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<p class=\"cmn-form-input\"><label>Phone Number*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"Phone-Number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"Phone-Number\" \/><\/span>\n<\/p>\n<p class=\"cmn-form-input cmn-form-textarea\"><label>Description*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p class=\"cmn-submit-btn\"><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit your inquiry\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;full_width&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;full_width&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve been working with WordPress lately, you already know that Gutenberg is no longer \u201cthe new editor,\u201d it\u2019s the backbone of the entire CMS. From posts to full site editing (FSE), blocks rule everything.<\/p>\n","protected":false},"author":14,"featured_media":40124,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[330],"tags":[1539,1773,1774],"class_list":["post-40119","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gutenberg Guide: Modern WordPress Block Development Tips<\/title>\n<meta name=\"description\" content=\"Gutenberg makes blocks central to WordPress. Learn custom Gutenberg block development for better UX, performance, and future-proof sites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg Guide: Modern WordPress Block Development Tips\" \/>\n<meta property=\"og:description\" content=\"Gutenberg makes blocks central to WordPress. Learn custom Gutenberg block development for better UX, performance, and future-proof sites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/\" \/>\n<meta property=\"og:site_name\" content=\"iFlair Web Technologies\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-18T06:26:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-16T09:17:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1680\" \/>\n\t<meta property=\"og:image:height\" content=\"850\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jignesh Jadav\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jignesh Jadav\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/\"},\"author\":{\"name\":\"Jignesh Jadav\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309\"},\"headline\":\"Best Practices for Gutenberg Block Development\",\"datePublished\":\"2025-07-18T06:26:54+00:00\",\"dateModified\":\"2025-10-16T09:17:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/\"},\"wordCount\":1418,\"publisher\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg\",\"keywords\":[\"WordPress Block Development\",\"Gutenberg Block Development\",\"Best Practices for Gutenberg Block Development\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/\",\"name\":\"Gutenberg Guide: Modern WordPress Block Development Tips\",\"isPartOf\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg\",\"datePublished\":\"2025-07-18T06:26:54+00:00\",\"dateModified\":\"2025-10-16T09:17:39+00:00\",\"description\":\"Gutenberg makes blocks central to WordPress. Learn custom Gutenberg block development for better UX, performance, and future-proof sites.\",\"breadcrumb\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg\",\"contentUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg\",\"width\":1680,\"height\":850,\"caption\":\"Gutenberg Best Practices for Gutenberg BlockDevelopment\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices for Gutenberg Block Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\",\"name\":\"iflair.com\",\"description\":\"Together We Grow\",\"publisher\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\",\"name\":\"iFlair Web Technologies Pvt. Ltd.\",\"alternateName\":\"iFlair\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg\",\"contentUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg\",\"width\":600,\"height\":315,\"caption\":\"iFlair Web Technologies Pvt. Ltd.\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309\",\"name\":\"Jignesh Jadav\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g\",\"contentUrl\":\"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g\",\"caption\":\"Jignesh Jadav\"},\"description\":\"Jignesh is a recognized Assistant Project Manager at iFlair Web Technologies Pvt. Ltd. Jignesh has over 9 years of industry experience, and in his career, he has managed many web development projects that have been delivered on time with high customer satisfaction. His skills include JS expertise including Angular, React, Vue.js, Mean.js, Next.js, Nuxt.js, and Full-stack tech expertise also in project planning, client communication, and team management, which are a great addition to the company's continuous development and success in the technology industry.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jignesh-jadav-54958b82\/\"],\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/author\/jignesh-jadav\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gutenberg Guide: Modern WordPress Block Development Tips","description":"Gutenberg makes blocks central to WordPress. Learn custom Gutenberg block development for better UX, performance, and future-proof sites.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/","og_locale":"en_US","og_type":"article","og_title":"Gutenberg Guide: Modern WordPress Block Development Tips","og_description":"Gutenberg makes blocks central to WordPress. Learn custom Gutenberg block development for better UX, performance, and future-proof sites.","og_url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/","og_site_name":"iFlair Web Technologies","article_published_time":"2025-07-18T06:26:54+00:00","article_modified_time":"2025-10-16T09:17:39+00:00","og_image":[{"width":1680,"height":850,"url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg","type":"image\/jpeg"}],"author":"Jignesh Jadav","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jignesh Jadav","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#article","isPartOf":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/"},"author":{"name":"Jignesh Jadav","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309"},"headline":"Best Practices for Gutenberg Block Development","datePublished":"2025-07-18T06:26:54+00:00","dateModified":"2025-10-16T09:17:39+00:00","mainEntityOfPage":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/"},"wordCount":1418,"publisher":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization"},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage"},"thumbnailUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg","keywords":["WordPress Block Development","Gutenberg Block Development","Best Practices for Gutenberg Block Development"],"articleSection":["WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/","name":"Gutenberg Guide: Modern WordPress Block Development Tips","isPartOf":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage"},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage"},"thumbnailUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg","datePublished":"2025-07-18T06:26:54+00:00","dateModified":"2025-10-16T09:17:39+00:00","description":"Gutenberg makes blocks central to WordPress. Learn custom Gutenberg block development for better UX, performance, and future-proof sites.","breadcrumb":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#primaryimage","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg","contentUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/Best-Practices-forGutenberg-BlockDevelopment.jpg","width":1680,"height":850,"caption":"Gutenberg Best Practices for Gutenberg BlockDevelopment"},{"@type":"BreadcrumbList","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/best-practices-for-gutenberg-block-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/"},{"@type":"ListItem","position":2,"name":"Best Practices for Gutenberg Block Development"}]},{"@type":"WebSite","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/","name":"iflair.com","description":"Together We Grow","publisher":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization","name":"iFlair Web Technologies Pvt. Ltd.","alternateName":"iFlair","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg","contentUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg","width":600,"height":315,"caption":"iFlair Web Technologies Pvt. Ltd."},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/d586df5d532d903fe483aa49a3cf8309","name":"Jignesh Jadav","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/image\/","url":"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g","contentUrl":"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g","caption":"Jignesh Jadav"},"description":"Jignesh is a recognized Assistant Project Manager at iFlair Web Technologies Pvt. Ltd. Jignesh has over 9 years of industry experience, and in his career, he has managed many web development projects that have been delivered on time with high customer satisfaction. His skills include JS expertise including Angular, React, Vue.js, Mean.js, Next.js, Nuxt.js, and Full-stack tech expertise also in project planning, client communication, and team management, which are a great addition to the company's continuous development and success in the technology industry.","sameAs":["https:\/\/www.linkedin.com\/in\/jignesh-jadav-54958b82\/"],"url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/author\/jignesh-jadav\/"}]}},"_links":{"self":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts\/40119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/comments?post=40119"}],"version-history":[{"count":0,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts\/40119\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/media\/40124"}],"wp:attachment":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/media?parent=40119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/categories?post=40119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/tags?post=40119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}