2020 In Review

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 30 December 2020

⏱️ 67 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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 Sanity WordPress WPGraphQL Keystone Strapi RedwoodJS Blitz.js 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 We’re ready in the browser Node shipped stable Deno has it Snowpack Bundlers and tools Snowpack Vite Rollup made gains Rome GraphQL got way easier Battle of the Types Typescript Flow Reason Rust 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 React Query Alpine.js Stencil 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

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax. The podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready. Here is Scott Telinsky and West Boss.
0:10.4	Welcome to Syntax! I am laughing because I can see the reflection of Scott's monitor in his
0:16.8	microphone arm because it's like a glossy black and he is currently looking at an instant pot on Amazon.
0:24.3	I'll let you know that we already have an instant pot, okay?
0:29.2	I popped over to Amazon to see if they had the EVR-E-20 in black and they don't,
0:36.4	but these are their Cyber Monday deals.
0:38.7	Awesome, well we got a banger of a show for you today. We are going to do 20 in review. So first we're going to take everything that we predicted would be Tech to watch in 20
0:49.9	so we did a show at the beginning of the year and some of them we were bang on some of them we were whoa big mess and then we're gonna go through just some other like what did we think
0:59.9	2020 what was hot what had a big come, what did we focus on as web developers in 2020.
1:06.0	Today we are sponsored by two awesome company.
1:08.1	First one is Log Rocket, which does your JavaScript session replay, and second one is Fresh Books,
1:14.6	it's Cloud Accounting, we'll talk about them part way through the show. So welcome Scott,
1:18.4	it's the almost the new year 2021. It's been a heck of a year to say the least. It's funny looking back at these
1:27.2	notes because we had no idea what 2020 had in store for us. But we're going to just go through all the predictions that we had as
1:34.1	well as as some other tech that we thought was big in 2020. So you want to
1:39.4	kick it off there? Yeah, we were so hopeful, young and helpful.
1:44.0	First one is CSS subgrid, which did show up, it's in browsers, and what's actually the can I use
1:49.7	status of subgrid?
1:51.0	I use subgrid in my master Gatsby course and then we we wrote a
1:55.4	supports query in CSS to fall back to not a not the exact layout but like a
2:02.3	sort of equivalent with free space rows, but I was like, oh, this subgrid is awesome.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.