Best of React HooksAugust 2023

  1. 1
    Article
    Avatar of itnextITNEXT·3y

    Build a Full Stack ReminderApp with React, NextJs, Typescript, ServerAction, Zod, Hook-form, Prisma, and Tailwind

    Build a Full Stack ReminderApp with React, NextJs, Typescript, ServerAction, Zod, Hook-form, Prisma, and Tailwind. Hi everyone, I published my last video: Build a full stack Reminder App.

  2. 2
    Article
    Avatar of habrhabr·3y

    React Custom Hook: useArray

    "useArray" hook is one of the many carefully crafted hooks available in the collection of React custom hooks. The useArray hook uses the useState hook from React to manage the array state. The advantages of using this custom hook are twofold: it simplifies the management of array states and provides a cleaner and more readable code structure.

  3. 3
    Article
    Avatar of asayerasayer·3y

    Applying Design Principles in React

    KISS Principle KISS is an acronym for ‘keep it simple, stupid’ This principle was first coined by Clarence Leonard ‘Kelly’ Johnson (1910-1990), an American aeronautical and systems engineer. This article will explain several popular software development principles and how to implement them in your React code base.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Things you forgot (or never knew) because of React

    React Part 1: An intro about music, defaults, and bubbles. Josh Collinsworth blog post: Things you forgot (or never knew) because of React. Collinsworth: You can keep listening to the same music for the rest of life for life.

  5. 5
    Article
    Avatar of habrhabr·3y

    React Custom Hook: useAsync

    The useAsync hook takes in a callback function that performs the asynchronous operation and an optional array of dependencies. It returns an object with three properties: loading, error, and value. The hook employs the useState and useEffect hooks to manage the loading state and invoke the memoized callback function when necessary.

  6. 6
    Article
    Avatar of syncfusionSyncfusion·3y

    Boosting React Performance: useCallback vs. useMemo Hooks

    React 16 promoted the creation of functional components and introduced the following hooks: useEffect for handling the component’s lifecycle. These hooks are necessary because re-renders and re-computations are costly operations. In this blog, we will delve into these hooks, exploring their functionality and examining how they work.

  7. 7
    Article
    Avatar of habrhabr·3y

    React Custom Hook: useDarkMode

    "UseDarkMode" Hook is one of the many carefully crafted hooks available in the collection of React custom hooks. It combines two other handy hooks and, to provide a seamless dark mode experience. It automatically detects the user's preferred color scheme and persists the dark mode state in the browser's local storage.

  8. 8
    Article
    Avatar of communityCommunity Picks·3y

    HTMX: The Game-Changing Alternative to React