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
