Ticker

6/recent/ticker-posts

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.

#react #js #CodeThisNotThat

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

hh7F4Ezs

🔗 Resources

React Docs
Full React Course
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

react

#React #Antipatterns #Avoid #Code

webdev,app development,lesson,tutorial

Post a Comment

0 Comments