Playing: 349: Hasty Treat - Future Tech We're Excited About
0:00
LOUDNESS
Episode 574
|Feb 10th, 2023
Supper Club Γ Qwik framework from MiΕ‘ko Hevery, the Creator of Angular
Episode 393
|Oct 4th, 2021
Hasty Treat - Spicy Takeout - PHP Is Good and Weβre Just Re-Creating It
May 3rd, 2021
Hasty Treat - Future Tech We're Excited About
π Download ShowβοΈ Edit Show NotesIn 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');
---
<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
- 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