Using IndexedDB for Persistent State
IndexedDB is a low-level API for storing large amounts of structured data, including files/blobs. Unlike localStorage, which is limited to storing strings, IndexedDB allows you to store more complex data….
Tag: react hooks
Persisting State with LocalStorage/SessionStorage
Persisting state across page reloads or browser sessions is a common requirement in many web applications. This ensures that users don’t lose their data when they refresh the page or….
Jotai – Lightweight State Management
Jotai is a minimalist and lightweight state management library for React, designed with simplicity and performance in mind. It provides a straightforward API for managing both global and local state….
Recoil for Simpler State Management
Recoil is a state management library developed by Facebook, designed to manage the global state of React applications in a simpler and more scalable way. It offers a more declarative….
State Management with Zustand
Zustand is a fast and minimal state management library for React. It provides a simple and flexible way to manage global state in React applications. Unlike other state management solutions….
State Machines with XState
State Machines with XState in React XState is a powerful library for creating state machines and statecharts in JavaScript and TypeScript. It helps manage complex state logic in a structured….
Global State with React Context API
Managing global state is a common challenge in React applications. While React’s built-in state management works fine for local component state, global state—state shared across many components—can become cumbersome as….
Navigating with useNavigate
Navigating with useNavigate in React (React Router v6+) In React Router v6+, useNavigate is a hook that provides a programmatic way to navigate to different routes. This hook allows you….
Using Search Params with useSearchParams
Using useSearchParams in React (React Router v6+) In React Router v6 and above, the useSearchParams hook provides an easy way to work with the query string parameters in the URL…..
File Upload with Preview
File upload with preview is a common feature in modern web applications, allowing users to upload files (images, documents, etc.) and preview them before submitting. In React, this can be….