Title: ReactPress &#8211; Create React App for WordPress
Author: rockiger
Published: <strong>9. Februar 2021</strong>
Last modified: 7. April 2025

---

Plugins durchsuchen

![](https://ps.w.org/reactpress/assets/banner-772x250.png?rev=2780255)

![](https://ps.w.org/reactpress/assets/icon-256x256.png?rev=2471443)

# ReactPress – Create React App for WordPress

 Von [rockiger](https://profiles.wordpress.org/rockiger/)

[Herunterladen](https://downloads.wordpress.org/plugin/reactpress.3.4.0.zip)

 * [Details](https://de.wordpress.org/plugins/reactpress/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/reactpress/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/reactpress/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/reactpress/#developers)

 [Support](https://wordpress.org/support/plugin/reactpress/)

## Beschreibung

ReactPress enables you to easily create, build and deploy React apps into your existing
WordPress sites. Use your React knowledge to create single page applications for
your WordPress customers.

Get started in seconds and develop your React app with instant feedback and your
WordPress theme in mind.

Combine the flexibility of WordPress with the UI capabilities of React and seamlessly
integrate create-react-app into your WordPress project for your next SaaS.

ReactPress does 3 things:

 * It integrates your local dev server into your WordPress theme, that you have 
   instant feedback, how your React app looks in the context of your WordPress website.
 * It builds your React app in a way that it is usable from your WordPress site.
 * It makes it easy to upload your app to a live server after building.

### Features

 * Fast refresh during app development
 * WordPress integration during development
 * Easy deploy to your live site
 * client-side routing
 * zero-config
 * TypeScript support

### Links

 * [Website](https://rockiger.com/en/reactpress/)
 * [Getting Started](https://rockiger.com/en/reactpress/getting-started/)
 * [In depth React with WordPress Tutorial](https://rockiger.com/en/reactpress/reactpress-tutorial/)
 * [FAQ](https://rockiger.com/en/reactpress/understanding-reactpress/)
 * [Development](https://github.com/rockiger/reactpress/)

### System Requirements

To develop React apps your WordPress instance needs access to:

 * Access to the PHP function `file_get_contents`. Some hosting providers deactivate`
   fopen` on which `file_get_contents` depends. Access to `file_get_contents` is
   neccessary on your dev and your live system!
 * POSIX compatible system, Windows support is experimental. ([Alternatively Windows users can use WSL2](https://rockiger.com/en/windows-survival-guide-to-for-react-and-web-developers/))

## Screenshots

 * [[
 * Empty admin view.
 * [[
 * The new React app is created.
 * [[
 * The local React dev server is running on port: 3000. Every change will hot reload
   immediately.
 * [[
 * The React app is deployed on the public server.

## Installation

 1. Like any other plugin install via _Plugins/Add New_. You can download the plugin
    via admin or upload it to the plugins directory.
 2. Activate the plugin through the ‚Plugins‘ menu in WordPress

## Rezensionen

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

### 󠀁[Clunky but works!](https://wordpress.org/support/topic/clunky-but-works/)󠁿

 [dontblink](https://profiles.wordpress.org/dontblink/) 20. September 2024

Was able to get my installation to work with an app I previously developed; caveats
however include the need to have the folder lowercase, a copy of build in the main
app folder, and the inability to link the page directly („Can’t add page“ but upon
reload and some tweaking around in my host’s file explorer it works somehow). Embed
isn’t perfect but is functional: transparent input field is not as such, my text
formatting is messed up in typescript, and any redirect breaks the site if there
is any security on the recieving end (i.e. if you redirect to github); definitely
would recommend in a pinch though, works as advertised. Unsure how one would do 
live development outside of hosting oneself; my host has an integrated file explorer
that I was able to upload and tweak files in, but I digress.

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

### 󠀁[Amazing plugin](https://wordpress.org/support/topic/amazing-plugin-2559/)󠁿

 [neek05](https://profiles.wordpress.org/neek05/) 17. März 2024

It’s a really useful plugin, It does only one thing, but it does it well. Thank 
you for your work!

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

### 󠀁[Work like a charm!](https://wordpress.org/support/topic/work-like-a-charm-107/)󠁿

 [souzatassio](https://profiles.wordpress.org/souzatassio/) 21. Oktober 2023

We use this plugin for our e-commerce operations in the company that I work for.
It is being pretty stable and it is easy to build and integrate.

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

### 󠀁[Great! It works and it’s easy to use](https://wordpress.org/support/topic/great-it-works-and-its-easy-to-use/)󠁿

 [ldw_weit](https://profiles.wordpress.org/ldw_weit/) 15. Oktober 2023 2 Antworten

I wish I tried this plugin sooner. Easy to use and does what it says.

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

### 󠀁[The Best Plugins to integrate React into WordPress](https://wordpress.org/support/topic/the-best-plugins-to-integrate-react-into-wordpress/)󠁿

 [afshinmoshrefi](https://profiles.wordpress.org/afshinmoshrefi/) 6. April 2023 
1 Antwort

I discovered this plugin when it was just a few months old – there were challenges
in getting it to work initially, but it turned out to be issues with my understanding
of how to set it up – now it is an integral part of my website.

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

### 󠀁[Great Stuff](https://wordpress.org/support/topic/great-stuff-423/)󠁿

 [3p3p3](https://profiles.wordpress.org/3p3p3/) 8. März 2023 1 Antwort

Works exactly as intended and helps a lot in combining old sites with new technique.
Would pay for it if all compability issues of the future (wordpress <-> react) would
be resolved by this plugin.

 [ Alle 18 Rezensionen lesen ](https://wordpress.org/support/plugin/reactpress/reviews/)

## Mitwirkende und Entwickler

„ReactPress – Create React App for WordPress“ ist Open-Source-Software. Folgende
Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

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

[Übersetze „ReactPress – Create React App for WordPress“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/reactpress)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/reactpress/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/reactpress/) an 
oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/reactpress/)
per [RSS](https://plugins.trac.wordpress.org/log/reactpress/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 3.4.0

 * Improved asset filtering (@dylanlawrence)
 * Check for asset folder (@BlairCooper)
 * Improve deep links (@bendiy)
 * Update packages (@BlairCooper)

#### 3.3.0

 * Recommend the user to use create-vite instead of create-react-app
 * Support chunking files for Vite applications (thanks to Blair Cooper)
 * Fix: Namespacing for repr_log() – function
 * Fix: Only write build path and index.html if in dev mode

#### 3.2.2

 * Update the React dev environment even if the ReactPress app is on a private page.
   Thanks to @BlairCooper
 * Improve compatibility with non-standard WordPress configurations like Bedrock.
   Thanks to @dylanlawrence
 * Improve security

#### 3.2.1

 * Removing extra script tag when using vite – thanks to @dylanlawrence
 * Using ABSPATH for the document root

#### 3.2.0

 * Support React apps with Vite (other kinds of frontend frameworks coming soon)
 * (Very) basic support for more than one app on one page.

#### 3.1.0

 * Make sure that pages of all states (private, draft) are shown.
 * Improve user feedback when something goes wrong during index.html update.
 * Don’t write empty content to index.html if page download did not work.
 * Add css as late as possible to ReactPress page, to reduce `!important` in app’s
   css.
 * Add information about the post into `reactPress` variable
 * Automatically update the app list without the need to reload the page

#### 3.0.1

 * Allow child pages to be ReactPress pages, where a React app is embedded.
 * Add support for hosts that have turned the `php.ini` setting `allow_url_fopen`
   to `off`.
 * Don’t delete options when uninstalling plugin.

#### 2.1.3

 * Use relative file names for templates, to allow different folder configurations.
   Thanks to https://github.com/BlairCooper.
 * Improve system requirements

#### 2.1.2

 * Don’t show encrypted user password on frontend.
 * Improve Windows compatibility

#### 2.1.0

 * Add totally empty canvas template. This template doesn’t get any styles and scripts
   from WordPress. Good if you want to embed a totally independent React app.
 * Add nonce and base rest_url to global ReactPress variable.
 * Fix loading of global ReactPress variable.
 * Improve Windows compatibility
 * Securtiy fix: don’t show encrypted user password

#### 2.0.1

 * Improve Windows compatibility

#### 2.0.0

 * Add an app to an existing page
 * Make client-side routing optional, thus allowing child pages of a React app
 * Improve documentation
 * Use a React app in more than one page
 * Revamp the admin page to be cleaner and a React app itself
 * Add PHP namespaces
 * Use create-react-app in the admin area for dogfooding
 * Add post state label to signal the user a page was created by ReactPress
 * Test with WordPress 6.0.2

#### 1.3.2

 * Swap file_get_contents for wp_remote_get.
 * Create custom routing for react-router based on slug of the reactpress page.
 * If the folder of an app is deleted, it is shown as type: Orphan

#### 1.3.0

 * Move apps directory to wp-content/reactpress/apps to don’t mess with the created
   app when updating the plugin.
 * Remove possibility to create new react apps from the admin. From now on there
   is only the command line workflow.

#### 1.2.1

 * FIX: Template incompatibility with Elementor and some other plugins. Thank to
   the great answer of Sally CJ https://stackoverflow.com/questions/67696139/error-
   in-wordpress-with-plugin-reactpress/68455647#answer-67751220
 * FIX: Problems if document root and plugin app directory are on the same machine/
   server/locationn

#### 1.2.0

 * Revamp the process of adding using ReactPress. Don’t start the react app anymore,
   only update the `index.html` from WordPress admin. Make it possible to add apps
   manually with npm or yarn.
 * Add fallback if we can’t find the plugin directory programmatically.

#### 1.1.0

 * Test with WordPress 5.7
 * Insert the current user object to the global window object in Javascript, to 
   have it accessible without a call to the API.
 * add .env with CHOKIDAR_USEPOLLING=true to ensure watcher works with VM
 * Use npm instead of yarn.

#### 1.0.0

 * Check for if it allows `shell_exec` and `exec`
 * `npm -v >= 6.0.0` is reachable from WordPress
 * Find out if we are in a Windows environment
 * Deploy app to production
 * Add TypeScript/template support
 * Delete app
 * Build app
 * Extend index.html in React app to look like WordPress site
 * Create new React app
 * Add React app in specified page

## Meta

 *  Version **3.4.0**
 *  Zuletzt aktualisiert **vor 12 Monaten**
 *  Aktive Installationen **3.000+**
 *  WordPress-Version ** 5.0 oder höher **
 *  Getestet bis **6.7.5**
 *  PHP-Version ** 7.4 oder höher **
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/reactpress/)
 * Schlagwörter
 * [developer](https://de.wordpress.org/plugins/tags/developer/)[embed](https://de.wordpress.org/plugins/tags/embed/)
   [javascript](https://de.wordpress.org/plugins/tags/javascript/)[JS](https://de.wordpress.org/plugins/tags/js/)
   [react](https://de.wordpress.org/plugins/tags/react/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/reactpress/advanced/)

## Bewertungen

 4.4 von 5 Sternen.

 *  [  15 5-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/reactpress/reviews/?filter=5)
 *  [  0 4-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/reactpress/reviews/?filter=4)
 *  [  1 3-Sterne-Rezension     ](https://wordpress.org/support/plugin/reactpress/reviews/?filter=3)
 *  [  0 2-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/reactpress/reviews/?filter=2)
 *  [  2 1-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/reactpress/reviews/?filter=1)

[Meine Rezension hinzufügen](https://wordpress.org/support/plugin/reactpress/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/reactpress/reviews/)

## Mitwirkende

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

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/reactpress/)