{"id":4198,"date":"2024-11-19T20:54:39","date_gmt":"2024-11-19T15:24:39","guid":{"rendered":"https:\/\/delhi.wordcamp.org\/2024\/?post_type=wcb_session&#038;p=4198"},"modified":"2024-11-27T14:15:10","modified_gmt":"2024-11-27T08:45:10","slug":"creating-next-level-plugin-pages-integrate-react-components-in-wordpress-plugin-pages","status":"publish","type":"wcb_session","link":"https:\/\/delhi.wordcamp.org\/2024\/session\/creating-next-level-plugin-pages-integrate-react-components-in-wordpress-plugin-pages\/","title":{"rendered":"Creating Next-Level Plugin Pages: Integrate React Components in WordPress plugin pages"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Creating Next-Level Plugin Pages: Integrate React Components in WordPress plugin pages<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/delhi.wordcamp.org\/2024\/files\/2024\/11\/Ronak-1024x536.webp\" alt=\"\" class=\"wp-image-4199\" srcset=\"https:\/\/delhi.wordcamp.org\/2024\/files\/2024\/11\/Ronak-1024x536.webp 1024w, https:\/\/delhi.wordcamp.org\/2024\/files\/2024\/11\/Ronak-300x157.webp 300w, https:\/\/delhi.wordcamp.org\/2024\/files\/2024\/11\/Ronak-768x402.webp 768w, https:\/\/delhi.wordcamp.org\/2024\/files\/2024\/11\/Ronak-500x262.webp 500w, https:\/\/delhi.wordcamp.org\/2024\/files\/2024\/11\/Ronak-1536x805.webp 1536w, https:\/\/delhi.wordcamp.org\/2024\/files\/2024\/11\/Ronak-2048x1073.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Have you ever felt that the WordPress admin areas feel static and outdated compared to the modern, dynamic experience of the Post and Site Editor? You\u2019re not alone, and the good news is that things are changing. With WordPress entering Phase 3: Collaboration, there\u2019s a strong push to enhance the admin interface and bring the new visual language across the board.<\/p>\n\n\n\n<p>As the WordPress ecosystem evolves, more developers are turning to React to improve user experiences and accelerate feature development. Several popular plugins have already transformed their settings pages with React, making them more interactive and user-friendly.<\/p>\n\n\n\n<p>If you\u2019re ready to do the same, this session is for you. We\u2019ll walk you through creating a React-based settings page for a WordPress plugin using core WordPress React components.<\/p>\n\n\n\n<p>By the end of the session, you\u2019ll have the knowledge to upgrade your plugin development skills and create more dynamic, engaging admin interfaces with React.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating Next-Level Plugin Pages: Integrate React Components in WordPress plugin pages Have you ever felt that the WordPress admin areas feel static and outdated compared to the modern, dynamic experience of the Post and Site Editor? You\u2019re not alone, and the good news is that things are changing. With WordPress entering Phase 3: Collaboration, there\u2019s [&hellip;]<\/p>\n","protected":false},"author":15314480,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1733028600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[4003],"footnotes":""},"session_track":[63],"session_category":[65,75],"class_list":["post-4198","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-2-first-floor","wcb_session_category-development","wcb_session_category-workshop"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"December 1, 2024","time":"10:20 am"},"session_speakers":[{"id":"4003","slug":"ronak-ganatra","name":"Ronak Ganatra","link":"https:\/\/delhi.wordcamp.org\/2024\/speaker\/ronak-ganatra\/"}],"session_cats_rendered":"Development, Workshop","_links":{"self":[{"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/4198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/4198\/revisions"}],"predecessor-version":[{"id":4201,"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/4198\/revisions\/4201"}],"speakers":[{"embeddable":true,"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/speakers\/4003"}],"author":[{"embeddable":true,"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wporg\/v1\/users\/ronakganatra"}],"wp:attachment":[{"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/media?parent=4198"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_track?post=4198"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/delhi.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_category?post=4198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}