Title: Embed React app
Author: pavex
Published: <strong>اگست 9, 2018</strong>
Last modified: فروری 26, 2019

---

پلگ انز تلاش کریں

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

![](https://ps.w.org/embed-react-application/assets/icon-256x256.png?rev=1922342)

# Embed React app

 منجانب [pavex](https://profiles.wordpress.org/pavex/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/embed-react-application.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/embed-react-application/#description)
 * [جائزے](https://ur.wordpress.org/plugins/embed-react-application/#reviews)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/embed-react-application/#developers)

 [معاونت](https://wordpress.org/support/plugin/embed-react-application/)

## تفصیل

This is a simple way how to embed react application in to your post. In my blog,
a wanted include small application, but typical react app is a single page app, 
hardly linked in index.html. He needed a simple way to solve it. The result is visible
on my blog, for example: [Embeding Google Photos album](https://www.publicalbum.org/blog/embedding-google-photos-albums).

### How to do it

You need compiled React app hosted on public url. Find filenames after building 
an application. If you using create-ract-app script, all what you need, find in "
static” directory. Assemble file names into a shortcode like this:

    ```
    [reactapp id="root" js="pathto/static/js/main.000000.js" css="pathto/static/css/main.000000.css"]
    [reactapp id="custom_id" "pathto/static/js/main.000000.js" "pathto/static/css/main.000000.css" "pathto/static/css/another.css"]
    ```

 * id – ID of application root element
 * js[n] – path to Java script bundle
 * css[n] – path to Stylesheet
 * (files are detected automaticly by extension js/css)

That’s all.
 When application was updated, you must setup new links to shortcode.
If you want to more information about this plugin, you may visit [Embedding a React Application to WordPress post](https://www.publicalbum.org/blog/embedding-react-app-wordpress-post)
post in my blog.

#### 1.0.1

_Release Date – 18 January 2019_

 * Multiple script insert for new react build compatibility.

#### 1.0.0

 * React application shortcode.

## جائزے

![](https://secure.gravatar.com/avatar/4b1006fbcb45a3d22c3930b4c71d741bc8138f8ce11ba3641209406bb5c00cd9?
s=60&d=retro&r=g)

### 󠀁[Well Done](https://wordpress.org/support/topic/well-done-705/)󠁿

 [heavenhigh027](https://profiles.wordpress.org/heavenhigh027/) مئی 23, 2022

Nice work

![](https://secure.gravatar.com/avatar/83d4b1c87f5fd2e3217c7cf7cbf994f7cd2ed7849655cb6df8a2f4ba395cc70a?
s=60&d=retro&r=g)

### 󠀁[Works a charm](https://wordpress.org/support/topic/works-a-charm-17/)󠁿

 [Bizzle Dapp](https://profiles.wordpress.org/bizzledapp/) اپریل 16, 2020 3 replies

This is a brilliant plugin and works wonderfully.

![](https://secure.gravatar.com/avatar/e2d8f9a4f32bd204196c055ea776fbb46e63652dac5fe88a895de6d20285c783?
s=60&d=retro&r=g)

### 󠀁[Working perfectly](https://wordpress.org/support/topic/working-perfectly-85/)󠁿

 [berdentay](https://profiles.wordpress.org/berdentay/) مارچ 28, 2020

Thanks for this, appreaciate it

![](https://secure.gravatar.com/avatar/b58ff879150b7d800e92efefb8cd9998bd04e9aee977b33e54c716b3d6aa0968?
s=60&d=retro&r=g)

### 󠀁[works](https://wordpress.org/support/topic/works-1598/)󠁿

 [markhorsell](https://profiles.wordpress.org/markhorsell/) اگست 13, 2019

Thanks

![](https://secure.gravatar.com/avatar/31645687d5cf2e3c63ddce9d02d5b35e25f2bc82901eabd09e7cf2ce490835a7?
s=60&d=retro&r=g)

### 󠀁[good](https://wordpress.org/support/topic/good-4488/)󠁿

 [phuongchi123](https://profiles.wordpress.org/phuongchi123/) مئی 20, 2019

good

 [ تمام 5 جائزے پڑھیں ](https://wordpress.org/support/plugin/embed-react-application/reviews/)

## شراکت دار اور ڈیویلپرز

“Embed React app” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ 
لیا:

شراکت دار

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

[“Embed React app” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/embed-react-application)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/embed-react-application/)،
[ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/embed-react-application/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/embed-react-application/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/embed-react-application/?limit=100&mode=stop_on_copy&format=rss)۔

## میٹا

 *  Version **1.0.1**
 *  Last updated **7 سال پہلے**
 *  Active installations **200+**
 *  WordPress version ** 4.0 یا اس سے جدید **
 *  Tested up to **5.1.22**
 *  Language
 * [English (US)](https://wordpress.org/plugins/embed-react-application/)
 * Tags
 * [embed](https://ur.wordpress.org/plugins/tags/embed/)[react](https://ur.wordpress.org/plugins/tags/react/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/embed-react-application/advanced/)

## درجہ بندیاں

 4.8 out of 5 stars.

 *  [  4 5-star reviews     ](https://wordpress.org/support/plugin/embed-react-application/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/embed-react-application/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/embed-react-application/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/embed-react-application/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/embed-react-application/reviews/?filter=1)

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

[See all reviews](https://wordpress.org/support/plugin/embed-react-application/reviews/)

## شراکت دار

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

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/embed-react-application/)