2020 In Review
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?
- ES Modules is king
- Bundlers and tools
- Battle of the Types
- Wasm
- Viable to use
- Starting to exist in more real ways
52:53 - Working from home
- Remote work is hotter than ever
- Starlink is coming
- Webcams - Cam Link
- Discord
- Remote Pairing
- Live Share - I used VS Code with Jed from Keystone
- Tuple
57:13 - Code libraries
59:25 - Personal / Professional updates
- Hard year for productivity
- Published more than 100 episodes of Syntax
Links
- Syntax 216: Tech To Watch In 2020
- Adam Argyle
- https://ishoudinireadyyet.com/
- Syntax 212: Pika Pkg
- Fred Schott
- Level Up Tutorials: Deno 101 For Web Developers
- React Suspense
- Sapper
- How to Supercharge Your Productivity with GraphQL Tooling by Scott Tolinski
- Wes’ Master Gatsby Course
- Syntax 308: Gatsby vs Next.js in 2021
- Syntax 299: Hasty Treat - Bundlers in 2020
- https://github.com/ffmpegwasm/ffmpeg.wasm
××× SIIIIICK ××× PIIIICKS ×××
- Scott: Innr Bulbs
- Wes: Pendleton Weighted Blanket
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!
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets