10 React Antipatterns to Avoid - Code This, Not That!

React is a minimal on the surface, but it’s actually a highly complex JavaScript UI library with many potential pitfalls. In this tutorial, we look at 10 antipatterns in React, along with tips and tricks to improve our code. fireship.io/courses/react

#react #js #CodeThisNotThat

🔥 Use this discount code to get 33% off Fireship PRO:

hh7F4Ezs

fireship.io/pro


🔗 Resources

React Docs reactjs.org/
Full React Course fireship.io/courses/react
React in 100 Seconds    • React in 100 Seconds  

📚 Chapters

00:00 React Antipatterns
01:00 1. Big Components
01:55 2. Nesting Gotcha
02:35 3. Failure to Memoize
03:15 4. Useless Divs
03:44 5. Messy Files
04:40 6. Big Bundles
05:34 7. Prop Drilling
06:30 8. Prop Plowing
07:00 9. Try Some Curry
07:39 10. Code Smarter

🎨 My Editor Settings

Atom One Dark
vscode-icons
Fira Code Font

🔖 Topics Covered

React Pitfalls
React Code Smell
Problems with React.js
React Best Practices
Structure a react project
Antipatterns in react to avoid
React tips and tricks
React interview