React TL;DR #7 – Top React Content From January 2020


A Recap of Frontend Development in 2019

  • WebAssembly becomes the 4th language of the web joining HTML, CSS, and JavaScript
  • TypeScript usage surges — many developers fall in love
  • React continues to lead while devs are consumed by hooks
  • The React core team shifts to focusing on developer experience and tools to make us more productive
  • Vue prepares for version 3 release, continues to grow in usage
  • Angular releases version 8 and 9 along with the new Ivy compilation/rendering pipeline
  • HTML and CSS Updates
  • Accessibility (a11y) and internationalization (i18n) are becoming more of a priority
  • ES2019 Features
  • Node.js Foundation and JS Foundation merge to form OpenJS Foundation; Node version 12 launches to continue the path of yearly LTS releases
  • Svelte gains attention but lags in adoption as it launches version 3
  • Static sites continue to be utilized, devs adopt the JAMStack
  • PWAs see more growth and adoption
  • Frontend tooling is getting really good
  • GraphQL continues to be loved by developers, gains further adoption in tech companies
  • CSS-in-JS gains momentum
  • VS Code dominates the text editor market
  • Webpack 5 enters beta and nears release
  • Jest moves from Flow to TypeScript
  • Chrome releases stable versions 72–78 in 2019
  • Microsoft Edge browser moves to Chromium, creates a new logo
  • Facebook releases Hermes, a JavaScript parser for Android to improve React Native

New Next.js Documentation

  • Improved Content: New sections explaining core concepts and features have been added.
  • Search: Fuzzy search through the documentation using the new sidebar.
  • API Reference: One of the most requested documentation additions. The Next.js documentation now has a separate API reference.
  • Part of the Next.js GitHub repository: The documentation content still lives in the Next.js repository. Ensuring updates to documentation are synchronous with new features

React. 7 tricks to work with Styled Components

  • Use of the Context API
  • Change a styled component type
  • Reference elements within the styled component
  • Reference other styled components
  • Extend styled components
  • Define dynamic properties
  • Pass attribute

Styled components v5.0.0 released

  • 19% smaller bundle size
  • 18% faster client-side mounting
  • 17% faster updating of dynamic styles
  • 45% faster server-side rendering
  • RTL support

Stay updated with the newest 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.

Leave a Reply

View Comments (0)...

Related articles:

React TL;DR #11 – Top React Content From May 2020

React TL;DR #10 – Most Useful React Content From April 2020