2020 React TL;DR Recap. Top React Content From 2020

Share

React + TypeScript ❤️: The good parts ⚡

Pros:

  • Code completion and type validation with type definitions.
  • Great community and learning resources.

Cons:

  • TypeScript syntax and concepts like Generics can be hard to understand.

4 key learnings from an experienced React developer

  • Never stop learning
  • Minimalism is your best friend
  • Don’t be afraid to refactor
  • React has more than what you know
  • Some examples of things you can try out:
    • References and context
    • Higher-Order Components
    • Advanced JS patterns and functions
    • Memoization
    • and others

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

Will Next.js Take Over Gatsby?

  • If we consider Gatsby, we can get the maximum out of it if we are using it to build a small-scale website.
  • When it comes to large-scale projects, I suggest you use Next.js.
  • However, this doesn’t mean Next.js is not good for small applications. It supports both.
  • In Next.js you can easily combine static site generation and server-side rendering

8 Key Factors When Deciding Between Building In-House and Buying a UI Component Library

  • Documentation and Learning Resources
  • Support Options
  • Dependencies
  • Updates
  • Reusability
  • Special Features: A11y, I18n, L10n
  • Cost, Licensing and Return on Investment
  • The Pleasure Factor

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

Learn best practices and read the most useful content only


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 #15 – Top React Content From December 2020

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