-
Discovering Lodash: The Swiss Army Knife of JavaScript
Lodash, a powerful and versatile JavaScript library, has become a mainstay in web development. Designed to simplify the manipulation of arrays, collections, and objects, Lodash offers a wide range of…
-
Qwik, SolidJS, and Astro: A Comparative Analysis
As the web development landscape evolves, new frameworks and libraries emerge to make building web applications more efficient and user-friendly. This blog post will compare three relatively new front-end technologies:…
-
How-to: React Image Preview Upload using FileReader
Simple component for uploading images with preview built with React using FileReader.
We will be working inside the Next.js using Typescript, but you can use whatever setup you want.
Initial Setup
Create template:…
-
What is: React Query
How-to: ReactQueryDevtools
The ReactQueryDevtools will show us what the react queries are doing. And the useQuery, which is a function from react-query, will be used to fetch our data.
The ReactQueryDevtool pretty…
-
What-is: Immer – Immutability through mutations
Immer was created by the same person who created Mobx. Immer is an amazing library to help us work with immutable data more easily.
How Immer works
Your actual state dataImmer —→…
-
What is: SWR – React Hooks remote data fetching
What is it use for?It allows for fetching, caching or refetching data in realtime data using React Hooks. SWR, short for state-while-revalidate, is created exactly as the name implies.
📣
SWR’s goal…
-
How-to: Google Places Using Autocomplete in React
Let’s see how we can use the Google Places API within our simple React app.
And to start with, we would be using the React Places Autocomplete package to help us…
-
How to: React Hooks: useContext
(This is sort of a continuation of a previous article on useReducer. Now, we will look into continuing what we had previously built, and how, we can use useContext hook…
-
How-to: React hooks: useReducer
What is useReducer in React Hooks?
“An alternative to useState.”
In the official React docs, useState is listed as basic hooks while useReducer is at additional hooks. Since useReducer is more powerful,…
-
How-to: Use AutoSuggest in React
Let’s learn how we can use the React Autosuggest library that will show a dynamic list of countries that is being loaded from a JSON endpoint. We will be using…