React TL;DR #14 – Top React Content From November 2020

Share


10 Ways To Speed Up React Development

  • Use a Framework
  • Use ESLint
  • Use Prettier
  • Use AI-Driven Autocomplete
  • Superpower your CLI
  • Use a React Component Library
  • Use a CSS-in-JS library
  • Use Storybook
  • Don’t Write Your Own Forms
  • Don’t Reinvent the Wheel

Top 7 Ways to Optimize the Performance of React App

  • Avoid Large Components
  • Memoize
  • Split Large Bundles
  • Debounce
  • Tree Shake
  • Avoid Unnecessary Remounting
  • Paginate

Best Practices with React Hooks

  • Follow the rules of Hooks
    • Only call Hooks at the top level
    • Only call Hooks from function components
  • Use the ESLint plugin for React hooks
  • Create your function components in the right order
  • useState can be used exactly like the class component’s state. Not just for a single value
  • Use custom hooks for sharing application logic
  • Avoid prop drilling with useContext

10 React security best practices

  • Default XSS Protection with Data Binding
  • Dangerous URLs
  • Rendering HTML
  • Direct DOM Access
  • Server-side Rendering
  • Detecting Vulnerabilities in Dependencies
  • Injecting JSON State
  • Detecting Vulnerable Versions of React
  • Configuring Security Linters
  • Avoiding Dangerous Library Code

Learn best practices and read only the most useful content with React TL;DR. 


What is React TL;DR?

React TL;DR helps you decide which content is worth your time.

We don’t use any engines or tools. It is all selected by ourselves, based on what we have learned and gained profit from. No b#$%it provided.

Say hello to React TL;DR – your filter for most useful React content.

Comments
Leave a Reply

View Comments (0)...

Related articles:

React TL’DR #17 – Top React Content From February 2021

React TL;DR #16 – Top React Content From January 2021