Sign in to confirm you’re not a bot
This helps protect our community. Learn more

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

Fireship
3.81M subscribers
<__slot-el>
<__slot-el>
810K views 3 years ago #js #react #CodeThisNotThat
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    • 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  …...more
...more
10 React Antipatterns to Avoid - Code This, Not That!
33KLikes
810,231Views
2022Mar 1
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    • 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 tips

Follow along using the transcript.

Fireship

3.81M subscribers