{"id":172154,"date":"2023-03-25T03:19:15","date_gmt":"2023-03-25T03:19:15","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/react-wp-admin\/"},"modified":"2024-02-10T07:08:06","modified_gmt":"2024-02-10T07:08:06","slug":"react-wp-admin","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/react-wp-admin\/","author":20930108,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"trunk","tested":"6.4.8","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"React WP Admin","header_author":"DYM5","header_description":"Basic WordPress plugin with React.js set up for admin interface.","assets_banners_color":"","last_updated":"2024-02-10 07:08:06","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/dym5-official\/react-wp-admin","header_author_uri":"https:\/\/dym5.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":921,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2886705,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2886705,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2886705,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2886705,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Check React.js functionality","2":"Check backend call"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-172154","plugin","type-plugin","status-publish","hentry","plugin_committers-dym5official"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/react-wp-admin\/assets\/icon-128x128.png?rev=2886705","icon_2x":"https:\/\/ps.w.org\/react-wp-admin\/assets\/icon-256x256.png?rev=2886705","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/react-wp-admin\/assets\/screenshot-1.png?rev=2886705","caption":"Check React.js functionality"},{"src":"https:\/\/ps.w.org\/react-wp-admin\/assets\/screenshot-2.png?rev=2886705","caption":"Check backend call"}],"raw_content":"\n

React WP Admin plugin is a basic set up for building an admin facing page in React.js. ESbuild (a fast next-generation JavaScript bundler) has been used as a bundler.<\/p>\n\n

GitHub link<\/h3>\n\n

https:\/\/github.com\/dym5-official\/react-wp-admin<\/a><\/p>\n\n

Get started<\/h3>\n\n
    \n

  1. Get a copy the of plugin, either by downloading from WordPress plugins repository or simply cloning git repository of the plugin.<\/p><\/li>\n

  2. The downloaded plugin will have react-wp-admin<\/code> folder name. Rename it to your plugin name, also rename the file react-wp-admin.php<\/code> to match your folder name.<\/p><\/li>\n

  3. Change the plugin information (in react-wp-admin.php<\/code>) according to your needs.<\/p><\/li>\n

  4. Go to admin\/react<\/code> directory and install dependencies by running yarn<\/code>.<\/p><\/li>\n

  5. Build commands<\/p><\/li>\n<\/ol>\n\n

    - yarn build<\/code> - Production build\n- yarn build:dev<\/code> - Development build, generates sourcemaps\n- yarn watch<\/code> - Automatically runs yarn build:dev<\/code> when files change<\/p>\n\n

    Note<\/h3>\n\n

    Do not modify anything outside src<\/code> in react<\/code> folder if you are not confident. See the ESbuild docs to customize build outputs.<\/p>","raw_excerpt":"React WP Admin plugin is a basic set up for building an admin facing page in React.js. ESbuild (a fast next-generation JavaScript bundler) has been us …","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/172154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=172154"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/dym5official"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=172154"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=172154"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=172154"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=172154"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=172154"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=172154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}