Title: Embed React Build
Author: nsei
Published: <strong>2021-يىلى 15-ماي</strong>
Last modified: 2021-يىلى 12-سېنتەبىر

---

قىستۇرما ئىزدە

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/embed-react-build.svg)

# Embed React Build

 يازغۇچى [nsei](https://profiles.wordpress.org/nsei/)

[چۈشۈر](https://downloads.wordpress.org/plugin/embed-react-build.zip)

 * [تەپسىلاتلار](https://ug.wordpress.org/plugins/embed-react-build/#description)
 * [باھالاشلار](https://ug.wordpress.org/plugins/embed-react-build/#reviews)
 * [ئىجادىيەت](https://ug.wordpress.org/plugins/embed-react-build/#developers)

 [قوللاش](https://wordpress.org/support/plugin/embed-react-build/)

## چۈشەندۈرۈش

This plugin reads the `asset-manifest.json` file in your ReactJS build and includes
it in wordpress and allows you to run your application anywhere in wordpress.

### Usage

You can run your application embedded in wordpress by typing the following shortcode
in the WordPress text editor.

    ```
    [embed_react_build application_id="root" url="https://react-default.netlify.app"]
    ```

### Shortcode Parameters

 * `application_id` — The name of the container where the React application is mounted.
   (
   default: root) (required)
 * `url` — The URL address of the React Build.
    (required)
 * `staging_url` — The URL address of the React Staging Build. Once defined, you
   can access the staging build by typing `?test=true` at the end of the url.
    (
   optional)

## FAQ

### Is there a requirement for the plugin?

The only requirement for the plugin is that React Build with the following conditions.

 1. You need to compile with a version higher than 3.2.0 of the [Create React App](https://create-react-app.dev/)
    tool so that your build dependencies are read and understood by the plugin.
 2. You need to define `PUBLIC_URL` in the `.env` file for the structure dependencies
    to be properly integrated into the page.
     **For example:** [https://github.com/nurullah/react-default/blob/master/.env](https://github.com/nurullah/react-default/blob/master/.env)

### Where can I embed React Build?

You can run the React Build by typing the shortcode in the text editor from within
the post, page or widgets.

### Will I always need to prepare the shortcode manually?

In the new versions of the plugin, component/block will be created for page builders
such as Gutenberg, WPBakery, Elementor. After those versions, you will be able to
integrate your React application more easily.

## باھالاشلار

بۇ قىستۇرمىغا تېخى باھا يېزىلمىدى.

## تۆھپىكار ۋە ئىجادكار

«Embed React Build» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە
قوشقان.

تۆھپىكار

 *   [ nsei ](https://profiles.wordpress.org/nsei/)

[«Embed React Build» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/embed-react-build)

### ئىجادىيەتكە قىزىقامسىز؟

[كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/embed-react-build/)،
[SVN خەزىنە](https://plugins.svn.wordpress.org/embed-react-build/) تەكشۈرۈپ ياكى
[RSS](https://plugins.trac.wordpress.org/log/embed-react-build/?limit=100&mode=stop_on_copy&format=rss)
ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/embed-react-build/)
گە مۇشتەرى بولغىلى بولىدۇ.

## ئۆزگىرىش خاتىرىسى

#### 1.0.3

 * Fixed issue when copying sample shortcode.

#### 1.0.2

 * WordPress 5.8 compability tested.

#### 1.0.1

 * Readme.txt updated.

#### 1.0.0

 * Plugin name renamed.

#### 0.4.4

 * Readme.txt updated.

#### 0.4.3

 * Readme.md updated.

#### 0.4.2

 * Readme files created.

#### 0.4.1

 * Staging URL parameter added to the shortcode.

#### 0.4

 * The manifest.json file is loaded after runtime.

#### 0.3.1

 * PHP notice fixed.

#### 0.3

 * Shortcode created.

#### 0.2

 * Class created for plugin.

#### 0.1

 * Initial

## Meta

 *  Version **1.0.3**
 *  ئاخىرقى يېڭىلانغان ۋاقىت **5 يىل بۇرۇن**
 *  ئاكتىپ ئورنىتىش سانى **10+**
 *  WordPress نەشرى ** 4.7 ياكى يۇقىرى **
 *  **5.8.13** دا سىنالغان
 *  PHP نەشرى ** 7.0 ياكى يۇقىرى **
 *  تىل
 * [English (US)](https://wordpress.org/plugins/embed-react-build/)
 * بەلگە
 * [build](https://ug.wordpress.org/plugins/tags/build/)[embed](https://ug.wordpress.org/plugins/tags/embed/)
   [react](https://ug.wordpress.org/plugins/tags/react/)
 *  [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/embed-react-build/advanced/)

## دەرىجە

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/embed-react-build/reviews/#new-post)

[بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/embed-react-build/reviews/)

## تۆھپىكار

 *   [ nsei ](https://profiles.wordpress.org/nsei/)

## قوللاش

چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟

 [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/embed-react-build/)