Articles by Tag #hooks

Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!

React useQuery : A Complete Guide

React is a powerful library for building UI components, but when it comes to managing server-side...

Learn More 10 0Sep 18 '24

Mastering Code Quality in Laravel: Pint with Git Hooks and Docker

Ensure Code Quality in your Laravel Project by automating Pint with Git Hooks and Docker!

Learn More 6 2Nov 5 '24

React HooK= { Briefly Explained};

useState is a React Hook that allows you to add state to your components by returning an array with...

Learn More 4 2Aug 19 '24

How to Detect if an Element is in View with React

Sometimes, in a React application, you need to know if a particular element is visible within the viewport. This can be useful for triggering animations, lazy loading images, or, as in our case, dynamically changing the background color of a section when a specific paragraph comes into view.

Learn More 4 0Aug 20 '24

A Complete Guide to All React Hooks for Beginners

React hooks revolutionized the way we build components by allowing us to use state and other features...

Learn More 3 0Dec 12 '24

Mastering React Functional Components: Hooks, useEffect, and Lifecycle Explained

In React version 16.8, functional components became more powerful with the introduction of...

Learn More 3 3Oct 11 '24

Efeito de máquina de escrever com React usando requestAnimationFrame

Quando navegamos em sites com apelo visual — portfólios, landing pages, hero sections — é comum...

Learn More 2 1Jun 16

React’s `useSyncExternalStore` in Practice — Building a Cross-Tab Shopping Cart

React 18 brought Concurrency-safe rendering, but it also created new land-mines for anyone reading...

Learn More 2 0Jul 1

Actions - React 19

Actions and Form Utilities in React React has been a dominant force in the frontend...

Learn More 2 1Jul 25 '24

You A̶l̶m̶o̶s̶t̶ Never Need useReducer

Stop overengineering your React components. You probably don't need useReducer and here's why.

Learn More 1 1Jun 11

Hooks Behind The Scenes 2, useState!!

Hey Coders!! One of the most important hook in react is the useState. useState hook is used to...

Learn More 1 0Oct 21 '24

What is useState?

Imagine you have a magical treasure chest (your React component) where you can store and change...

Learn More 1 0Aug 3 '24

Amazing `pre-commit` and How To Use It

Welcome back dear reader. My name is Alex M. Schapelle,AKA Silent-Mobius, your dedicated container...

Learn More 1 1Feb 26

Mastering React Advanced Hooks with TypeScript: Simulating a Dynamic Equation System

Mastering React Advanced Hooks with TypeScript: Simulating a Dynamic Equation System In...

Learn More 1 0May 16

React 19 Game Changer Hooks

React 19 introduces a powerful set of new and updated Hooks that significantly enhance the developer experience and app performance. These "game changer" Hooks streamline complex logic, reduce lines of code, simplify asynchronous data handling.

Learn More 1 0May 24

Hook guide:useReducer() in react

use Reducer similar the usestate but it managed the complex state like object have differnt value and...

Learn More 0 0Jan 18

useRouterMisuseWarning in Refine source code

In this article, we will review useRouterMisuseWarning hook found in Refine source code. Below is the...

Learn More 0 0Mar 17

Descobrindo o useCallback do React

Existem vários hooks do React e recentemente estudando achei que esse hook merece uma atenção maior...

Learn More 0 0Oct 28 '24

Hooks Behind The Scenes 3, UseRef!!!

In this post let's talk about!!!! UseRef UseRef allow us to access DOM elements. Create mutable...

Learn More 0 0Dec 10 '24

🚀 Mastering React Hooks: The Ultimate Guide (With Examples!)

React Hooks have revolutionized how we write functional components, eliminating the need for class...

Learn More 0 0Mar 13

Discovering React’s useCallback

There are several React hooks, and recently, while studying, I found that this hook deserves more of...

Learn More 0 0Oct 28 '24

The Ultimate Guide to Wall Hanging Hooks and Display Systems for Your Home and Office

Creating an organized and aesthetically pleasing space, whether in your home or office, often boils...

Learn More 0 0Sep 10 '24

React: leveraging custom hooks to extract reusable logic

Instead of repeatedly writing code for data fetching in every component, you can encapsulate that logic in a custom hook.

Learn More 0 0Sep 25 '24

How to Build a React Hook That Batches Multiple State Updates Automatically

React already batches updates inside event handlers, but outside of those — like in setTimeout or...

Learn More 0 1Apr 26

JSHooks API compare to CHooks

This post describes some simple differences between Hooks API for JSHooks and CHooks that are not...

Learn More 0 1Sep 9 '24

Flutter App, Simple animation with Hooks 🪝

What to expect from this tutorial? This is a simple tutorial to add fading animation for a...

Learn More 0 0Feb 4

How to Persist React Component State Across Page Reloads with Zero External Libraries

Keeping UI state after a page refresh can seriously boost user experience. But dragging in Redux...

Learn More 0 0Apr 26

Using Claude Code Hooks for Notifications and Auto-Formatting

Practical examples of Claude Code hooks in action: desktop notifications for IntelliJ users and automatic code formatting to keep CI pipelines happy.

Learn More 0 0Jul 2

Using useReducer for Complex State Logic

Instead of juggling multiple useState calls, you can use useReducer to handle state transitions in a more structured way, similar to how Redux works.

Learn More 0 0Dec 10 '24

Mastering useMemo in React: Boosting Performance the Right Way 🚀

🔴▶️ Prefer watching instead? I break all of this down with real examples and a live demo...

Learn More 0 0Apr 9