Aman Vermaamandevblog.hashnode.dev·Jul 13, 2024usePrevious custom hook in React 🚀Custom hooks are really important in React app development. It helps to encapsulate common logic in a function, which can be used in different parts of the application.Let's talk about one unique hook: usePreviousThis hook returns the old/previous va...Discuss·1 like·35 reads2Articles1Week
Gihan Ranganagihan.hashnode.dev·Jun 15, 2024Highly Customizable React Custom Select Box ComponentEnhance your user interfaces with a fully customizable React Select Box component. This versatile component replaces standard HTML select boxes with a user-friendly drop-down menu, giving you complete control over style, behavior, and functionality. ...Discusssimplebar
Moniquectrlaltmonique.hashnode.dev·Jun 7, 2024Type-Safe State Management with React's Built In HooksOccasionally, resorting to an external state manager in our React projects might feel like bringing a bazooka to a knife fight—effective, but perhaps a bit excessive. Often, what we truly seek is a means to store our global state outside individual c...DiscussuseContext
Yassine Nassibwhitebeard-dev.com·May 29, 2024Data fetching with React Query && AxiosHi Again , In this blog post , we are going to use react query to fetch data from server. we will be using dummy json api to get random data. Let's go. First of all , let's take a look at our folders/files architecture : You can find the source code...Discuss·1 like·138 readsaxios
Piyushpiyusss.hashnode.dev·May 20, 2024Day-14 React with MeCustom Hooks and Lazy Loading in React Custom hooks and lazy loading helps developers create efficient, reusable, and optimized components. Custom Hooks in React Custom hooks are a mechanism in React to reuse stateful logic across different component...Discusschunking
Shivam KumarforReactJS Learningslearning-react.hashnode.dev·Apr 29, 2024Demystifying Custom React Hooks: A Beginner's GuideReact Hooks have revolutionized the way developers write React components, enabling them to reuse stateful logic across different components without having to rely on class components and higher-order components. Among the various types of React Hook...Discuss·10 likesReact
DevJoseManueldevjosemanuel.hashnode.dev·Apr 25, 2024Custom Hook: useLocalStorageEn este artículo vamos a centrarnos en la construcción de un custom hook que utilizaremos para poder trabajar con el localStorage en nuestras aplicaciones de React, hook al que vamos a llamar `useLocalStorage' y para ello vamos a partir de una aplica...DiscussReactReact
CHIRAG KUMARhelpichirag.hashnode.dev·Apr 22, 2024Writing of custom Hook in ReactEarlier, How we use any Hook import React, { useState,useEffect } from 'react'; import axios from 'axios' function App(){ function useTodos(){ const [todos, setTodods] = useState([]) useEffect(()=>{ axios.get("http...DiscussReact
Smit Desaismitd.hashnode.dev·Apr 17, 2024Optimizing your Large Scale React ApplicationSingle Responsibility Principle Restaurant Card has a single responsibility to display Restaurant Cards on web-pageHeader Component has a single responsibility to display header on web-page So similarly for each Component that we create, we should gi...Discuss·42 readslarge scale react application
Dipankar Barmanblog.dipankar.dev·Apr 12, 2024Write Clean Code using Custom Hooks in React.After the introduction of hooks in React v16.8, the way we write code in React has changed drastically. We no longer need to write class-based components to manage state inside components. Today we will learn how to leverage custom hooks to write cle...Discuss·26 readsReact