Tech To Watch In 2020

Syntax - Tasty Web Development Treats

• Episode: Tech To Watch In 2020
• Website: Syntax - Tasty Web Development Treats
• Feed URL: https://feed.syntax.fm/rss
• Duration: 00:55:21
• Published: 2020-01-22 15:00

In this episode of Syntax, Scott and Wes talk about tech to watch in 2020 — things you should keep an eye on and learn this year!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

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.

Show Notes

6:39 - CSS Subgrid

8:10 - CSS Houdini

11:20 - CSS features not supported in older browsers yet

• Scrollsnap - IE 11 and up. Lot’s of mobile issues.
• position:sticky - no IE at all

14:24 - NPM tink

• installer-less npm
• Load packages at runtime into a shared cache across all projects
• Intelligently download the parts you need

17:25 - Yarn PnP

• Hard links to eliminate package duplication
• Shared cache across all projects

18:31 - Pika & Snowpack

21:10 - Deno

• New Node?

25:39 - 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
• Next.js

36:37 - Serverless

• Going to get easier
• Begin.com
• Next.js / Now Functions

38:14 - Gatsby

• A single useQuery (made possible by suspense)

39:36 - Headless CMS Thunderdome

42:20 - Next Gen Frameworks

• Keystone
• Strapi
• Meteor
• Vulcan.js

43:46 - Cypress

• End to end testing
• Currently no Firefox support, but hopeful for 2020

44:21 - Modulz

• Exports to JS component

45:00 - Figma

• Was already amazing in 2019
• Constantly improving and adding new features
• Can import from Sketch

Links

• Syntax 109: CSS Grid Level 2 aka Subgrid
• CSS Houdini
• Interactive Introduction to CSS Houdini
• Tweetdeck
• Next Generation Package Management
• tink
• Pika
• Yarn PnP
• Syntax 212: Pika Pkg
• Snowpack
• Entropic
• Deno
• Ryan Dahl - 10 Things I regret About Node.js
• https://github.com/denoland/deno
• Cloudflare
• Hover
• Meteor
• Meteor roadmap
• tiny
• Svelte 3
• Apollo
• Nextjs
• Vue
• Begin
• Firefox
• Keystone
• Strapi
• Vulcan.js
• Prisma
• Hasura
• Syntax 209: Hasty Treat - Wes Teaches Scott about Keystone.js
• Cypress
• Modulz
• Framer
• Figma
• Sketch
• James Quick YouTube Channel

××× SIIIIICK ××× PIIIICKS ×××

• Scott: Govee Thermometer
• Wes: Rack Mount Power Bar

Shameless Plugs

• Scott: Fullstack React and Firebase - 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