A Tasty Treats Podcast for Web Developers.

Ask a Potluck Question β†’
Wes Bos

Wes Bos

XL5G3 Full Stack JavaScript Developer. Creator of really good web development courses. BBQ enthusiast.

Scott Tolinski

Scott Tolinski

Web Developer, NX2V1, Creator of Level Up Tuts, Bboy, Robotops Crew and Youtuber

Playing: 349: Hasty Treat - Future Tech We're Excited About

0:00

LOUDNESS

May 3rd, 2021

Hasty Treat - Future Tech We're Excited About

πŸ‘‡ Download Show✏️ Edit Show Notes

In this Hasty Treat, Scott and Wes talk about future tech β€” some things you may not have heard about yet, and why we're excited about them!

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.

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

05:20 - Astro

  • What it is:
  • Why we're excited about it:
    • Server Side JS frameworks, combine Svelte, React, Vue as needed in one component that is an SFC using markdown style meta data.
    • Scoped CSS by default (a la Svelte). Sass out of the box.
    • Collections import for .md files
// pages/blog.astro
---
import PostPreview from '../components/PostPreview.astro';

const blogPosts = import.meta.collections('./post/*.md');
---

<main>
  <h1>Blog Posts</h1>
  {blogPosts.map((post) => (
    <PostPreview post={post} />
  )}
</main>

12:06 - ViteKit

  • What it is:
    • Framework-agnostic
    • API routes
    • Pages (frontend, optional hydration)
    • Adapter for Node, static, Vercel, cf worker, etc. Inspired by SvelteKit.

15:58 - Svelte Kit

19:07 - Remix.run

  • What it is:
  • Why we're excited about it:
    • Made by Michael Jackson, Ryan Florence
    • License-based
    • React-based
    • Caching-focused, uses "the platform"
    • Centralized data loading, works without client JS if needed
    • Better nested routing

Tweet us your tasty treats!