0:00-1:06:57
Streams straight from the publisher. podnod never proxies or re-hosts episode audio.
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 - SponsorLogRocket 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 - SponsorGet a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
Show Notes01: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
- 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
- Scott: Innr Bulbs
- Wes: Pendleton Weighted Blanket
- Scott: All Courses - Sign up for the year and save 25%!
- Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
logrocket.com/syntax
logrocket.comfreshbooks.com/syntax
freshbooks.comCSS Subgrid
developer.mozilla.orgCSS Houdini
developer.mozilla.orgNPM tink
npmjs.comYarn PnP
next.yarnpkg.comYarn 2
yarnpkg.comPika
pika.devSnowpack
snowpack.devDeno
deno.landReact
reactjs.orgMeteor
meteor.comSvelte 3
svelte.devVue 3
vuejs.orgApollo
apollographql.comNext.js
nextjs.orgGatsby
gatsbyjs.comBegin
begin.comSanity
sanity.ioWordPress
wordpress.orgWPGraphQL
wpgraphql.comKeystone
keystonejs.comStrapi
strapi.ioRedwoodJS
redwoodjs.comBlitz.js
blitzjs.comCypress
cypress.ioModulz
modulz.appFigma
figma.comSpline
spline.designVite
github.comRollup
rollupjs.orgRome
rome.toolsGraphQL
graphql.orgTypescript
typescriptlang.orgFlow
flow.orgReason
reasonml.github.ioRust
rust-lang.orgWasm
webassembly.orgStarlink
starlink.comCam Link
elgato.comDiscord
discord.comLive Share
visualstudio.microsoft.comTuple
tuple.appReact Query
react-query.tanstack.comAlpine.js
github.comStencil
stenciljs.comSyntax 216: Tech To Watch In 2020
syntax.fmAdam Argyle
twitter.comhttps://ishoudinireadyyet.com/
ishoudinireadyyet.comSyntax 212: Pika Pkg
syntax.fmFred Schott
twitter.comLevel Up Tutorials: Deno 101 For Web Developers
leveluptutorials.comReact Suspense
reactjs.orgSapper
sapper.svelte.devWes’ Master Gatsby Course
mastergatsby.comInnr Bulbs
innr.comPendleton Weighted Blanket
costco.comAll Courses
leveluptutorials.comAll Courses
wesbos.comScott’s Instagram
instagram.comLevelUpTutorials Instagram
instagram.comWes’ Instagram
instagram.comWes’ Twitter
twitter.comWes’ Facebook
facebook.comScott’s Twitter
twitter.com@SyntaxFM
twitter.com