10 React Antipatterns to Avoid – Code This, Not That! Fireship

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. https://fireship.io/courses/react

#react #js #CodeThisNotThat

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

hh7F4Ezs

https://fireship.io/pro

🔗 Resources

React Docs https://reactjs.org
Full React Course https://fireship.io/courses/react
React in 100 Seconds https://youtu.be/Tn6-PIqc4UM

📚 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 tips

source