Hasty Treat - Future Tech We’re Excited About

May 3, 2021

Discover the cutting-edge technologies transforming web development! The hosts explore Astro, a meta framework that integrates components from various libraries, making life easier for developers. ViteKit and SvelteKit also make appearances, showcasing their innovative approaches to routing and server-side rendering. Personal anecdotes add a fun twist, including how balance bikes help kids learn while paralleling developer journeys. Get ready for excitement about the future of JavaScript frameworks and the endless possibilities they bring!

Ask episode

AI Snips

Chapters

Transcript

Episode notes

INSIGHT

Astro: A Meta Framework

Astro is a next-gen meta framework easing React’s pain points.
It allows combining Svelte, React, and Vue components within a single project.

INSIGHT

Astro's Killer Feature

Astro's killer feature is its ease of use, drawing inspiration from Svelte.
It prioritizes server-side rendering, eliminating client-side JS and hydration.

INSIGHT

Astro's Markdown Import

Astro offers a unique collections import for Markdown files.
This allows bulk importing Markdown via a regex route, simplifying content management.

Get the Snipd Podcast app to discover more snips from this episode

Get the app

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:
- astro.build is a next gen “meta” framework that eases some of React’s pain but also is not just React.
- https://twitter.com/georges_gomes/status/1380801812656226304
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'); --- Blog Posts {blogPosts.map((post) => ( )}

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

What it is:
- https://kit.svelte.dev/docs
- https://svelte.dev/blog/sveltekit-beta
- New framework for building Svelte apps

19:07 - Remix.run

What it is:
- Remix.run
- Fullstack React framework
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

Links

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