In my previous posts on React Router, I have explained to you about Basic React Router and Nested React Router. In this post, I will show you how to create custom Routes that will limit access to certain components in a React app. We are going to create a super simple app while discussing the […]
How to create Auth Routes with React Router V5 Read More »
Nested routes in React are not as complex as you might think, especially, with React Router V5. Routes are nothing but React components. Therefore, just like any other component, they render anywhere in a React application including in child components. Note: If you are new to React Router, please read this post before you processed.
How to implement nested Routes in React Router V5 Read More »
What is React Router React Router is a Library that makes it possible to navigate from one react component to another. In other words, it enables you to switch between views. It is based on a model called Dynamic Routing. Dynamic Routing VS Static Routing Static routing Dynamic routing Define at the initialization of the
How to set up a Basic React Router V5 Read More »
WooCommerce blocks WooCommerce provides developers and store owners an easy to use building blocks in WordPress Gutenberg editors. You can use these blocks to create custom pages for your store. Some of the blocks are In this post, I will show you how to create a custom shop page. I am using the Woocommerce storefront
How to create a shop page with WooCommerce blocks Read More »
Shopify theme customization can be done in the admin panel. If your client requires specific customization, you need to add custom code to the Shopify theme files. Shopify provides its custom template language called Liquid for further customization. In this post, I will show you how to set up your local development environment for Shopify theme
How to set up your local environment for Shopify theme customization Read More »
Why Customize WooCommerce Many e-commerce platforms wide variety of templates for customers. The availability of such a variety shows the importance of customization. These e-commerce platforms provide customization for specific needs by offering a large pool of templates often with drag-and-drop techniques to customize. However, these customization capabilities are limited, and this is where WooCommerce
How to customize WooCommerce shop page with hooks Read More »
What is WooCommerce ? WooCommerce is a plugin that you can use to convert your WordPress Website into a powerful e-commerce site. You can create highly customized e-commerce websites with WooCommerce if you know how to work around it. While coding can benefit you to customize your site, non-technical individuals can also modify WooCommerce stores
Develop a WooCommerce pizza restaurant Read More »
As a developer, you may have been in a situation to create Image galleries/slides to showcase movies, books, etc… Most of the time these Image galleries should fit into small, medium, and large screen sizes. While you can use CSS frameworks such as Bootstrap or Materialize, with CSS Grid Layout you can create a simple
Simple Responsive image gallery with CSS Grid Read More »
In this short article, I am going to show how to use React hooks in functional components to obtain user input and display it. I use the following simple form and code snippet. User form The react functional component is as follows. I keep it as simple as possible. App.js I am going to explain
How to use React hooks in functional components Read More »
