The Best React UI Framework to Choose in 2022
When you are developing a website for a business user experience is the main priority. Believe it or not but what the users’ view and experience is what matters no matter how complex the back end is. In order to develop interactive, modern and user-centric websites require frontend UI frameworks that streamline the development process […]
How to setup Apache server to work with React router
Let’s say you have built your next react app and it works flawlessly in your local environment. Now you build the app and upload to a server. You visit the home page and looks great. You click on a link and things don’t look too good. It seems the server does not know how to […]
How to Pass Environment Variables to Apache Server
I was using the AWS SDK for PHP to access my S3 bucket but before I could access the bucket I needed to set some environment variables. The documentation talks about different ways of setting the secret key and the key id and the method I chose was to put the key data in a […]
How to use SendGrid Web API via PHP in Loalhost
I was working on an app for a client and I needed to send email from localhost. The scripting language that I was using was php and I was using WAMP as my server. So the first thing I did was to download the sendgrid php api since I did not have composer. After unzipping […]
Create an Expanding Search Box
In this blog post we will be creating a growing search box in React as seen in the image. As you can see initially it’s just a magnifying glass and when you hover your mouse over it, it expands. When you click inside and give it focus it will stay in expanded state. If you […]
How to Enable HTTPS / SSL in Localhost
In this blog post I will walk you through on how you can enable HTTPS on your localhost and install a SSL certificate. You might have good reasons to do this but in my case I had to test woocomerce api over https just so that I could have my development environment as close to […]
How to Lazy Load Images in React Using Intersection Observer API
In this blog post we are going to take a look at the Intersection Observer API and how we can use it to lazy load images and we will by using it in a React project. This can be useful when you have a grid of images and you want to load them when user […]
How to Create an Increment Decrement Control in React
In this blog post we are going to create an increment decrement control in React. This will be a profession reusable component so that you can use it anywhere in your project or in production. So let’s get started. First thing we will add is styled components. You can read more using the link but […]
Learn to Create a “Toss” Effect in React Using Hooks
In this blog post I am going to talk about how to create a toss effect in React. I took inspiration from this https://codepen.io/designcouch/pen/OJPdZxg which is using jQuery. Here is the React version: The idea is to add and remove class from the target element at specific time. For this we use the element classList […]
How To Fix 500 Internal Server Error
Did you recently update plugins on your WordPress website and all of sudden you see the 500 Internal Server Error? In simple terms it simply means the server encountered an error and is unable to display your website. When this error occurs users are usually unable to access the WordPress admin page and thus you […]