Best of React HooksSeptember 2022

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Prepare for React Interviews – Front-End Technical Interview Guide

    A polyfill is a custom implementation of native JavaScript functions. The.map() polyfill method takes in a callback that gets executed inside the myMap body. This is nothing but the length of the array through which theMyMap function is called. Since map() returns a new array, we create an empty array and push the results into it. In order to implement debouncing, let's take an example.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Animate Your React Apps with 1 Line of Code

    The power of AutoAnimate is that it allows you to animate your entire app using a single function called autoAnimate. In this tutorial, we will see how to implement virtually every common animation in your React apps with one line of code. You can become a pro in 30 minutes a day with my React Bootcamp. Go from absolute beginner to React professional in just 30 minutes.

  3. 3
    Article
    Avatar of communityCommunity Picks·4y

    React I Love You, But You're Bringing Me Down

    React I Love You, But You're Bringing Me Down Dear React.js, we've been together for almost 10 years. We have to split contexts to avoid unnecessary rerenders. Most of the time, when a component uses a ref, it passes it to a child component. It's been 10 years, and you still have that flaw.

  4. 4
    Article
    Avatar of devtoDEV·4y

    Me & React: 5 years in 15 minutes

    React has finally started making sense to me. It was almost the same as my old pal HTML, except JSX allowed splitting HTML pages into tiny dynamic building blocks. A stateful component had a state which was triggering a re-render on change, while the stateless had only the render part and were rendering the same thing. It made debugging quite mind bending, as sometimes console.log has been printed a microsecond before the state was actually propagated. Redux has treated me a bit better.

  5. 5
    Article
    Avatar of asayerasayer·4y

    Understanding the useId hook in React

    UseId hook generates a stable id that can be used across any application’s server and client side of any application. The useId hook was formerly known as the useOpaqueIdentifier hook, but there were many concerns when using it. We have looked at isomorphic applications and why using libraries like uuid or options like Math.random is bad.

  6. 6
    Article
    Avatar of devtoDEV·4y

    How to protect a route with JWT Token in React using Context API and React Cookies

    The routes will only be accessible when users have the token saved in cookies or local storage. We’ll learn how to protect a route by JWT authentication in react-router-dom v6.

  7. 7
    Article
    Avatar of thisdotThis Dot·4y

    Using Zustand in Your Next React Project

    We will be focusing on making API calls right from our Zustand store, and persisting state to either session or local storage. The project will be able to search for users, and get more information about a user. A link to the project repo can be found here. If you have any questions or run into any trouble, feel free to reach out on Twitter or Github.