React TL;DR – a human filter for most useful tech content.

All posts

15 React Best Practices You Need to Follow in 2020

  • 🐛 Keep components small and function-specific
  • ♻️ Reusability is important, so keep creation of new components to the minimum required
  • 🤝 Consolidate duplicate code – DRY your code
  • 🎨 Put CSS in JavaScript
  • 📝 Comment only where necessary
  • 📛 Name the component after the function
  • 🦒 Use capitals for component names
  • 🐫 Mind the other naming conventions
  • 🎭 Separate stateful aspects from rendering
  • 🚀 Code should execute as expected and be testable
  • 📁 All files related to any one component should be in a single folder
  • 🧰 Use tools like Bit
  • 📚 Use snippet libraries
  • ✍️ Write tests for all code
  • 🔗 Follow linting rules, break up lines that are too long