Imports, Lists, and a Few Things That Just Make Sense in React

One of those sessions where you're not learning anything wildly new — but things start connecting in a way they didn't before. Here's what clicked today. The default Keyword in Imports Actually Matters This one seems small but it quietly breaks things when you get it wrong. When you export something as default, you can import it with any name you want — no curly braces needed: export default Card; import Card from './Card'; But the moment there's no default, you're doing a named export — and now you must use {} with the exact same name: export { Card }; import { Card } from './Card'; Mix these two up and you'll spend 10 minutes staring at an undefined component wondering what went wrong. Trust me. Rendering a List Across Multiple Components Instead of dumping everything into one component, you can split your list items into their own component and just map over your data to render each one. Cleaner, more reusable, and way easier to manage as things grow. Spread ... Is Almost Always the