Rik Schennink

Use Snippy to quickly create your own custom shortcodes.
A Snippy shortcode is built by combining bits. A bit can be a file, like a Stylesheet or a Script, or a piece of code, like HTML, CSS or JavaScript.
The “code” bits can contain placeholders, which are automatically made accessible as shortcode attributes.
Time for a quick example.
Let’s create a shortcode to embed YouTube videos. We’ll add an HTML bit and set the it’s value to the YouTube embed iframe.
<pre><code><iframe src="https://youtube/embed/JZYYJY4yoK4"/>
</code></pre>
Now to make this bit a bit more flexible we will replace the YouTube video id with a placeholder value <code>{{id}}</code>.
<pre><code><iframe src="https://youtube/embed/{{id}}"/>
</code></pre>
Yay! We’ve finished our first bit!
Now we can create a new Snippy shortcode and add the YouTube iFrame HTML bit. After saving the shortcode we can use our new and shiny YouTube shortcode in the text editor.
<pre><code>[youtube id=JZYYJY4yoK4]
</code></pre>
Ready for more?
The below 3 minute YouTube video shows how you can use Snippy to turn a jQuery plugin into a WordPress plugin.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JZYYJY4yoK4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Snippy

Makes it easy to create your own custom shortcodes.

nsei

This plugin reads the <code>asset-manifest.json</code> file in your ReactJS build and includes it in wordpress and allows you to run your application anywhere in wordpress.
<h3>Usage</h3>
You can run your application embedded in wordpress by typing the following shortcode in the WordPress text editor.
<pre><code>[embed_react_build application_id="root" url="https://react-default.netlify.app"]
</code></pre>
<h3>Shortcode Parameters</h3>
<ul>
<li><code>application_id</code> — The name of the container where the React application is mounted. 
(default: root) (required)</li>
<li><code>url</code> — The URL address of the React Build. 
(required)</li>
<li><code>staging_url</code> — The URL address of the React Staging Build. Once defined, you can access the staging build by typing <code>?test=true</code> at the end of the url. 
(optional)</li>
</ul>

Embed React Build

It is a plugin that allows you to integrate your ReactJS builds into wordpress.

Snippy vs Embed React Build