Welcome to WPEForm Blog

Here we write about JavaScript, React, WordPress, PHP, GatsbyJS and more. We hope you find these articles useful. Do give us a shoutout on twitter!

How to iterate over objects keys and values functional way in modern JavaScript

How to iterate over objects keys and values functional way in modern JavaScript

So you have an object, and you don't want to use the for...in loop to iterate. Very cool, now you're wondering which function you'd use to iterate over it? Why not use for...in for iterating objects? Well first of all, a little bit of history. In the old days, before ES6, the only way to iterate…

Continue Reading…

How to show confirmation prompt when exiting a page with unsaved changes in a react application

How to show confirmation prompt when exiting a page with unsaved changes in a react application

Let's say you have a react application where you take some input from the user and save it to your server through some API calls. For such use cases, it is a good thing to let the user know that changes might not be saved when they are trying to exit the page. In this blog post, we will see some…

Continue Reading…

How to render react applications in Shadow DOM with SSR and Style Encapsulation

How to render react applications in Shadow DOM with SSR and Style Encapsulation

As developing the WPEForm Plugin I wanted to have a way to make sure the default styles of the form always work, no matter what theme my customers are using. CSS specificity issues across WordPress Plugins and Themes is not something new and there are many guides and recommendations to avoid that…

Continue Reading…

How to handle CORS preflight OPTIONS requests from your WordPress Plugin

How to handle CORS preflight OPTIONS requests from your WordPress Plugin

Cross-Origin Request Sharing or CORS is often the thing where we encounter the famous error Cross-Origin Request Blocked . In this blog post, we will learn what it is and how we can securely remedy that. At the end of this post, I promise that your application will run on all browsers, including…

Continue Reading…

Adding open graph and other SEO tags with current URL in gatsby site

Adding open graph and other SEO tags with current URL in gatsby site

Managing blog and documentation with Gatsby is one of many perk the open source frontend framework provides. In this tutorial we will explore how we've added open graph and other search engine optimization related head tags in our website. Pre-requisites for Gatsby SEO tags I will try to be as…

Continue Reading…

Start building beautiful forms!

Take the next step and get started with WPEForm today. You have the option to start with the free version, or get started with a trial. All your purchases are covered under 30 days Money Back Guarantee.