r/reactjs

I’m currently diving into learning React, and I’m curious about how others are approaching it these days. With so many resources out there official documentation, YouTube tutorials, interactive courses, and now AI-based tools, I’m finding it a bit overwhelming to settle on the most effective path.

Personally, I started off with the official React docs, but lately I’ve been experimenting with AI assistants to help me debug code, explain concepts, and even generate boilerplate. Sometimes it feels like AI speeds things up, but I worry I’m missing the “why” behind some patterns.

How are you going about learning React in 2025? Are you sticking with the docs, relying on AI, or mixing both? Any tips, routines, or favorite resources you’d recommend for balancing deep learning with productivity?

Consider this:

const UserForm = ({user}) => {
  // Logic...

  // Reset on user change
  useEffect(() => {
    setFormData({});
    setErrors({});
  }, [user.id]); // eslint-disable-line

  // return form
}

Instead of manually handling the state, you can simply:

<UserForm key={user.id} user={user} />

const UserForm = ({user}) => {
  // Logic...

  // No need of reset!

  // return form
}

Much cleaner! React handles all the cleanup/setup automatically.

How it works:

• When React sees a component with a new key value, it thinks "this is a totally different entity"

• It unmounts the old component (destroying all its state)

• It mounts a fresh new component from scratch

I'm inheriting legacy code and I've implemented Clerk Auth into my capacitor, Vite, React app. However, it breaks when I run the capacitor and it's trying to render in XCod. Looking at it now, I see multiple issues for how and why it's happening. I'm wondering if anyone has successfully made this work?