Last Week on SeeScottDev 🦃 (Dec 1)
Stop the React anti-pattern nonsense!
Happy December, 2024!
This week was a short one as I took a couple days off for the Thanksgiving break, but we still covered some great tips to help you avoid common pitfalls and anti-patterns in React — particularly when working with hooks and component styling. Here's what we explored:
How useEffect Works
We broke down the basics of the useEffect hook for beginners, exploring how it listens for changes in state and handles side effects. We also discussed using dependencies effectively to control when useEffect runs and how to avoid common mistakes when setting up event listeners.
Do THIS to Make React Custom Hooks Easy
Custom hooks can seem daunting, but this video simplifies it. We took a real example of managing window dimensions and turned it into a custom hook, showing how easy and reusable custom hooks can be when following the right steps.
React Beginners: Don't Do THIS in 2025
Aimed at preventing an anti-pattern in React, we discussed why adding custom styles directly to reusable components can lead to issues and how to properly use props like className to extend component styling without affecting others globally.
Check out the full videos to get all the details and do your part to stop the React nonsense in 2025! As always, feel free to leave your thoughts or questions in the comments.