Channel: Fireship

Category: Science & Technology

Tags: app developmentlessontutorialwebdev

Description: 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 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