React useMemo hook One of the ways that you can improve the performance of React apps is by using the useMemo hook. This hook prevents expensive calculations from running on every render. The React useMemo takes two arguments: a function and a dependency array. useMemo( function, dependancy_array) Now, let us see how useMemo work by an […]
How to use React useMemo hook to improve performance Read More »
In this post, I am going to talk about GitHub action attributes, and how to incorporate these attributes in a workflow file. If you are reading this post for the first time, I encourage you to read this post first on an overview of GitHub Actions. Common Attributes in GitHub Actions name You can have
How to create GitHub actions with attributes Read More »
You may have encountered a situation where you need to add a carousel to the landing pages. A carousel is a slide show of images or videos or a combination of both images and videos in a cyclic manner. You can create a carousel from scratch with HTML, CSS, and JavaScript. However, if you use
How to create React Bootstrap carousel for landing pages Read More »
What is Redis? Redis is a key-value pair in-memory data storage structure that you can use not only as a database but also as a cache, message broker, and streaming engine. It supports various data structures such as strings, arrays, sets, hashes, bitmaps, hyperloglogs, geospatial indexes, and streams. As a developer, when you begin with
All you need to know to start a Node + Redis app Read More »
What is AJAX? Ajax ( Asynchronous JavaScript and XML ) has been in web development as a way of communicating between the front end and the back end of web applications for quite some time. With Ajax, the frontend pages do not need to reload after it makes requests to the backend. Chances are quite high, even as
How to make AJAX calls in WordPress Read More »
In this post, I am going to introduce GitHub Actions. If you are new to GitHub action this is a good place to start. I assume that you have a basic understanding of GitHub and some working knowledge of it. What are GitHub actions? What are the components of GitHub Actions? Before you use GitHub
Basics of GitHub Actions for developers under 10 minutes Read More »
What is SVG SVG stands for scalable vector graphics, an open web standard for creating graphics. It uses XML to create two-dimensional vector graphics. It is compatible with other web technologies such as CSS and JavaScript. Benefits Can be created and edited even in a simple text editor Can be searched and indexed by search
A simple guide to Scalable Vector Graphics ( SVG ) for devs Read More »
What are webhooks? A webhook is a way for an application to communicate with other external applications. Apps use webhooks to send automated messages or information to other apps. For example, Payal would tell your accounting app whenever a client pays you, Twillio routes phone calls to your number, and WooCommerce can notify you about new
How to use webhook in Next.js On-Demand ISR Read More »
Full-stack apps built with Next.js has three aspects of authentication: client-side authentication, server-side authentication, and API route authentication. I have discussed client-side authentication in a previous post. In this post, I will be discussing Server-side & API routes authentication in NextAuth.js. How does server-side authentication work? The browser sends a request with a user session
How to implement authentication for SSR pages & API routes in Next.js Read More »
Authentication in Next.js Apps falls into two broad perspectives Page authentication Client-side Server-side API route authentication Before you implement any authentication, you need to have a clear understanding of what data-fetching strategy you are going to use in your app. you can read about data-fetching strategies in the following posts. SSG, pre-rendering and getStaticProps server-side
How to set up authentication on the client-side in Next.js Read More »
