314

December 30th, 2020 × #2020#Trends#Predictions#Recap

2020 In Review

Scott and Wes discuss the web development predictions and trends from 2020 including the rise of ES modules, improvements in frameworks like React, Vue, Next.js, Gatsby, and tools like NPM, Snowpack, serverless functions and headless CMS.

or

In this episode of Syntax, Scott and Wes talk about 2020 in review — predictions, hits and misses, hot tech, what they worked on, and more!

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Show Notes

01:43 - Predictions from 2020

  • CSS Subgrid
  • CSS Houdini
  • CSS features not supported in older browsers yet
    • Scrollsnap - IE 11 and up. Lot's of mobile issues.
    • position:sticky - no IE at all
  • NPM tink
    • Installer-less npm
    • Load packages at runtime into a shared cache across all projects
    • Intelligently download the parts you need
  • Yarn PnP / Yarn 2
    • Hard links to eliminate package duplication
    • Shared cache across all projects
  • Pika & Snowpack
  • Deno
  • React
    • Suspense in more libraries
    • Suspense for Server Rendering
  • Meteor
    • New ownership. v1.9 just dropped with lots of promise for future growth
  • Svelte 3
  • Vue 3
  • Apollo
    • 3.0 came out
    • Fine grain cache control
    • Hooks API
    • Custom logic over how things are read and merged
    • New dev tools
  • Next.js
    • 10.0 came out
    • Images!
  • Gatsby
    • A single useQuery (made possible by suspense)
  • Serverless
    • Going to get easier
    • Begin
    • Next.js / Now Functions
  • Headless CMS Thunderdome
  • Cypress
    • End to end testing
    • We got Firefox support in 2020
  • Modulz
  • Exports to JS component
  • Figma
    • Was already amazing in 2019
    • Constantly improving and adding new features
    • Can import from Sketch
    • Auto Layout
  • Spline

42:24 - What other tech was hot in 2020?

52:53 - Working from home

57:13 - Code libraries

59:25 - Personal / Professional updates

  • Hard year for productivity
  • Published more than 100 episodes of Syntax

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

  • Scott: All Courses - Sign up for the year and save 25%!
  • Wes: All Courses - Use the coupon code 'Syntax' for $10 off!

Tweet us your tasty treats!

Share

Play / pause the audio
Minimize / expand the player
Mute / unmute the audio
Seek backward 30 seconds
Seek forward 30 seconds
Increase playback rate
Decrease playback rate
Show / hide this window