React Programming Tutorials, Guides & Best Practices

By selecting only the necessary state slices, you can optimize component rendering and improve performance.

While Redux remains a powerful tool for state management, there are scenarios where Zustand might be a better fit:

As mentioned earlier, useMemo can be used to memoize the result of expensive function calls.

import React, { useMemo } from 'react';

function Fibonacci({ num }) {
  const fib = useMemo(() => {
    const calculateFibonacci = (n) => {
      if (n <= 1) return 1;
      return calculateFibonacci(n - 1) + calculateFibonacci(n - 2);
    };
    return calculateFibonacci(num);
  }, [num]);

  return <div>Fibonacci of {num} is {fib}</div>;
}