Hasty Treat - Future Tech We're Excited About
source link: https://syntax.fm/show/349/hasty-treat-future-tech-we-re-excited-about
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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
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!
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK