Podcasts Technology Syntax - Tasty Web Development Treats Hasty Treat - Future Tech Were Excited About

Hasty Treat - Future Tech Were Excited About

Published: May 3, 2021, 1 p.m.

In this Hasty Treat, Scott and Wes talk about future tech \u2014 some things you may not have heard about yet, and why we\u2019re excited about them!

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at\xa0freshbooks.com/syntax\xa0and put SYNTAX in the \u201cHow did you hear about us?\u201d section.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It\u2019s an exception tracker, a session re-player and a performance monitor. Get 14 days free at\xa0logrocket.com/syntax.

Show Notes

05:20 - Astro

  • What it is:
  • Why we\u2019re 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 Postsh1>   {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\u2019re excited about it:
    • Made by Michael Jackson, Ryan Florence
    • License-based
    • React-based
    • Caching-focused, uses \u201cthe platform\u201d
    • Centralized data loading, works without client JS if needed
    • Better nested routing
Links Tweet us your tasty treats!