rockiger

<p>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.</p>
<p>Get started in seconds and develop your React app with instant feedback and your WordPress theme in mind.</p>
<p>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.</p>
<p>ReactPress does 3 things:</p>
<ul>
<li>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.</li>
<li>It builds your React app in a way that it is usable from your WordPress site.</li>
<li>It makes it easy to upload your app to a live server after building.</li>
</ul>
<h3>Features</h3>
<ul>
<li>Fast refresh during app development</li>
<li>WordPress integration during development</li>
<li>Easy deploy to your live site</li>
<li>client-side routing</li>
<li>zero-config</li>
<li>TypeScript support</li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://rockiger.com/en/reactpress/" rel="nofollow ugc">Website</a></li>
<li><a href="https://rockiger.com/en/reactpress/getting-started/" rel="nofollow ugc">Getting Started</a></li>
<li><a href="https://rockiger.com/en/reactpress/reactpress-tutorial/" rel="nofollow ugc">In depth React with WordPress Tutorial</a></li>
<li><a href="https://rockiger.com/en/reactpress/understanding-reactpress/" rel="nofollow ugc">FAQ</a></li>
<li><a href="https://github.com/rockiger/reactpress/" rel="nofollow ugc">Development</a></li>
</ul>
<h3>System Requirements</h3>
<p>To develop React apps your WordPress instance needs access to:</p>
<ul>
<li>Access to the PHP function <code>file_get_contents</code>. Some hosting providers deactivate <code>fopen</code> on which <code>file_get_contents</code> depends. Access to <code>file_get_contents</code> is neccessary on your dev and your live system!</li>
<li>POSIX compatible system, Windows support is experimental. (<a href="https://rockiger.com/en/windows-survival-guide-to-for-react-and-web-developers/" title="Windows Survival Guide for React and Web Developers" rel="nofollow ugc">Alternatively Windows users can use WSL2</a>)</li>
</ul>


ReactPress – Create React App for WordPress

Easily create, build and deploy React apps into your existing WordPress sites.

<p><strong>Disclaimer: Fulcrum is still early-stage software. Please don’t expect fully finished software. If you have any issues or feature requests, please post them in the support forum.</strong></p>
<p>Fulcrum aims to be a wiki system similar to Confluence or Notion for WordPress.</p>
<h3>Capture Knowledge</h3>
<p>Easily create pages with your knowledge. Projects, meeting notes, marketing plans – everything saved in WordPress.</p>
<h3>Find information faster</h3>
<p>Organize your records like your personal Wikipedia. Link, group and tag your content, or use the search to find all your records fast.</p>
<h3>Share Your Work</h3>
<p>Did you create some wonderful piece of content? Share it with others, that they can enjoy your hard work.</p>
<h3>Build great-looking wiki pages</h3>
<p>Create pages with all content formats you need. Tables, Images, Lists – you name it. Write a new marketing plan, document your workflow for employee onboarding, or write a memo for your co-workers.</p>
<p>The best is: Everything stays in WordPress. Unlike other tools, we don’t introduce a new SaaS infrastructure to your business. All the content you create is saved in WordPress. Nothing is saved elsewhere.</p>
<h3>Easily find & navigate your work</h3>
<p>Always stay on top of your work. Organize your work in different wikis and create sub-pages of your work. Access your most recent and important work instantly.</p>
<p>Don\’t waste your time searching. Find what you are looking for with a powerful search.</p>
<h3>3 Steps to being effortlessly organized</h3>
<ol>
<li>Install the plugin</li>
<li>Decide on which page to display your wiki</li>
<li>Capture your knowledge</li>
</ol>
<h3>Third-Party JavaScript Library</h3>
<p>This plugin makes extensive use of third-party open-source JavaScript libraries. To reduce download size this libraries are only included in minified form. Both the admin-interface and the frontend page are React single page applications. All libraries are available at https://www.npmjs.com/.</p>
<p>The whole list of libraries used in the admin interface can be found in it’s <code>package.json</code> file (see <code>admin/js/reactpress-admin/package.json</code> for more detailed information).</p>
<p>Respectively, the whole list of libraries used in the frontend can be found in it’s <code>package.json</code> file  (see <code>apps/wiki/package.json</code> for more detailed information).</p>
<p>The sources of this plugin are separated into two plugins:</p>
<ul>
<li>The plugin itself, including the admin-interface: <a href="https://github.com/rockiger/reactpress/tree/fulcrum-plugin" rel="nofollow ugc">https://github.com/rockiger/reactpress/tree/fulcrum-plugin</a></li>
<li>The wiki single page application: <a href="https://github.com/rockiger/wp-wiki" rel="nofollow ugc">https://github.com/rockiger/wp-wiki</a></li>
</ul>
<h3>Build instructions</h3>
<p>To build this plugin yourself, you need to have <a href="https://nodejs.org/en" rel="nofollow ugc">nodejs</a>, <a href="https://getcomposer.org/" rel="nofollow ugc">composer</a> and <a href="https://git-scm.com/" rel="nofollow ugc">git</a> installed. The build instructions are as follows:</p>
<pre><code>git clone https://github.com/rockiger/reactpress.git fulcrum
cd fulcrum
git checkout fulcrum-plugin
composer install
cd admin/js/reactpress-admin
npm install
npm build         # npm start, if you want to start the dev server
cd ../../../
mkdir apps
cd apps
git clone https://github.com/rockiger/wp-wiki.git
npm install
npm build         # npm dev, if you want to start the dev server
</code></pre>


Fulcrum Wiki

Capture knowledge. Find information faster. Share your ideas with others. Save projects, meeting notes and marketing plans in WordPress.

ReactPress – Create React App for WordPress vs Fulcrum Wiki