Learn React with me

Today I start "The Ultimate React Course 2024: React, Redux & More" by Jonas Schmedtmann on Udemy. I will share a detailed blog post on everything I learned in the course.

import { useEffect, useState } from "react";

export default function App() {
  const [advice, setAdvice] = useState("");
  const [count, setCount] = useState(0);

  useEffect(function () {
    getAdvice();
  }, []);

  async function getAdvice() {
    const res = await fetch("https://api.adviceslip.com/advice");
    const data = await res.json();
    setAdvice(data.slip.advice);
    setCount((a) => a + 1);
  }

  return (
    <div>
      <h1>{advice}</h1>
      <button onClick={getAdvice}>Get Advice</button>
      <Message count={count} />
    </div>
  );
}

function Message(props) {
  <p>
    You have read <strong>{props.count}</strong> pieces of advice
  </p>;
}
_**

#### 


**_

Top comments (5)

Rense Bakker • Jan 7

Don't learn redux. If you want to learn state management in client-side rendered SPAs, learn something like Jotai or Zustand, but tbh managing global state on the client is no longer necessary since server-side rendering and react server components let you fetch the data you need on the server, without doing round trips and making a giant redux store on the client.