Topics on JavaScript frameworks such as React, Next.js,MERN stack, and any other technology based on JavaScript
In a previous post, I talked about how to use Reducers in vanilla JavaScript and HTML projects. In that post, you learned that while the reducers are pure functions that you can use with State Management libraries such as, you can still use Reducers in other types of projects that do not use Redux. In …
How to use Reducers with useReducer hook in React Read More »
Introduction to Arrays in React Hey there, fellow developer! If you’ve got a solid grasp of arrays in JavaScript, you’re in for a treat. We’re about to unlock a new level of awesomeness by exploring how arrays in React play a key role in crafting dynamic user interfaces. Embracing the Array Magic Think of arrays …
Unveiling the Magic: Arrays in React for Dynamic UI Wonders Read More »
In this post, I am going to show you how to integrate OpenStreetMap with React Typescript. If you have never worked with OpenStreetMaps ( OSM ), you can read this post on OSM and React, and then come back here to develop this demo application. I use TypeScript instead of JavaScript in this demo app. …
How to Integrate OpenStreetMap with React TypeScript Read More »
Jest is a popular open-source JavaScript testing framework maintained by Facebook. It is primarily used for testing JavaScript applications, including client-side (frontend) and server-side (backend) code. Jest is particularly known for its ease of use, powerful features, and comprehensive testing capabilities. You can do the following kinds of tests with Jest The App we will …
Jest: The Ultimate Testing Framework for JavaScript Applications Read More »
What is Underscore.js ? Underscore.js is a popular JavaScript library that provides utility functions for common programming tasks. It is commonly used in web development to simplify and enhance the manipulation of arrays, objects, functions, and other data structures. Underscore.js offers a wide range of functions that help with tasks such as iterating over collections, …
Introduction to Underscore.js: Simplify web development with Powerful Utility Functions Read More »
React Context is a feature in React that allows for the efficient sharing of data across components without manually passing props through each level of the component tree. There are many applications of React Context. In this post, we are going to see one of the most simple use cases of React Context. That is …
How to utilize React Context for theme management Read More »
In this post, I am going to help you understand the fundamental concepts of React Context. We will discuss the main components that you need to create and use React Context. We are also going to see the use cases of React Context, compare its advantages with disadvantages, and, finally see when to use React …
The useRef hook is a handy tool in React that lets you create references to elements or values within functional components. It allows you to access and modify DOM elements directly, store mutable values, or preserve data between renders without causing re-renders. It’s like having a special pointer that you can use to interact with …
What are nested routes? Nested routes in React Router are a way of defining routes in a hierarchical manner. In this arrangement, a route( parent route ) can have child routes. Each child route represents a portion of the URL. For example, if you have a parent route /service, the child routes could be Development, …
How to implement nested Routes in React Router V6 Read More »
In my post about React-Query for managing server state, I talked about the basic concepts for you to start working with React-query. In this post, I would like to talk more about useQuery hook. More specifically about polling, background data fetching, and data transformation. What is polling in React Query? Polling is the process of …
How to utilize useQuery for polling & background data fetching Read More »
