SSR web components for all
Brian LeRoux joins Jerod to share how the Enhance team are bringing server side rendered web components to everyone. With Enhance WASM, you author components in friendly, standards based syntax and reuse them across multiple languages, frameworks & servers.
Join the discussion
Changelog++ members save 10 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Speakeasy – Instantly create SDKs that make API integration easy for your users. Create your first SDK for free! today.
Clerk – Clerk is a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users.
Sentry – Code breaks, fix it faster. Don’t just observe. Take action. Sentry is the only app monitoring platform built for developers that gets to the root cause for every issue. 90,000+ growing teams use sentry to find problems fast. Use the code CHANGELOG when you sign up to get $100 OFF the team plan.
Featuring:
Brian Leroux – Website, GitHub, Mastodon, X
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Show Notes:
Enhance
Enhance WASM
Extism
Begin
Architect
Something missing or broken? PRs welcome!
719: Fullstack TypeScript Apps with No Build Step?! with Brian LeRoux
Wes and Scott talk with Brian LeRoux about not using a bundler, handling TypeScript, live reloading, Enhance being a meta framework, how Enhance handles CSS, his experience at AWS: Reinvent, and the state of JavaScript run times in 2024.
Show Notes 00:31 Welcome
01:00 Introducing Brian Leroux
01:32 Syntax Brought to you by Sentry
01:54 You can’t fix bugs you can’t see
03:14 Not using a bundler
05:48 Downsides of not using a bundler
11:13 What about TypeScript?
13:58 Is there a waterfall of imports?
18:29 What happens to live reloading?
22:12 The browser upgrade path
26:39 Is Enhance a meta framework?
29:02 What are you doing about SSR web components?
33:24 Can you refresh part of the application?
36:22 What about state management and Enhance?
42:52 How does Enhance handle CSS?
48:26 How was AWS: Reinvent?
54:47 What’s happening with the Begin CLI?
55:55 Any thoughts on new JavaScript run times?
59:51 Sick Picks
brian.io
Quickstart - Architect documentation
Enhance
aws-lite
Sick Picks Analogue Pocket
Shameless Plugs Begin — The Cloud Platform for Functional Web Apps
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott:X Instagram Tiktok LinkedIn Threads
Let's talk rendering patterns
Brian LeRoux has been building the web long enough to see many ways we produce HTML come in and go out of fashion. On this episode, he joins Amal & Nick to discuss the past, present, and potential future of rendering patterns on the web. SSR, ISR, & DSR (oh my!)
Join the discussion
Changelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
O'Reilly Media – Learn by doing — Python, data, AI, machine learning, Kubernetes, Docker, and more. Just open your browser and dive in. Learn more and keep your teams’ skills sharp at oreilly.com/changelog
Raygun – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com and join thousands of customer-centric software teams who use Raygun every day.
Linode – Get $100 in free credit to get started on Linode – Linode is our cloud of choice and the home of Changelog.com. Head to linode.com/changelog OR text CHANGELOG to 474747 to get instant access to that $100 in free credit.
Featuring:
Brian Leroux – Website, GitHub, Mastodon, X
Amal Hussein – GitHub, X
Nick Nisi – Website, GitHub, Mastodon, X
Show Notes:
Global Accessibility Awareness Day
Serverless Framework
How to create an OpenJS Architect serverless app with TypeScript
Hotwire
Fred Schott’s Astro demo
Astro
The JS Drama. It’s rare
Something missing or broken? PRs welcome!
Serverless, Deno and TypeScript with Brian Leroux
In this episode of Syntax, Scott and Wes talk with Brian Leroux about severless, Deno, Typescript, and more!
Netlify - Sponsor Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.
Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.
Guests Brian Leroux
Show Notes 02:17 - What’s your background?
06:18 - What is serverless? Why is serverless so awesome?
14:07 - What changes from moving from an existing app to a new app?
16:15 - What is a cold start?
17:46 - What languages are suitable for serverless?
19:14 - What do you think about Deno?
24:23 - How does Architect work?
31:14 - What do you think about Typescript?
40:35 - Do you think websites should work without JavaScript?
44:51 - What about sharing code?
Links Begin
Architect
Scott Tries Begin
Lambda
https://alephjs.org/
Deno
Typescript
Digital Ocean
Azure
Remix
Svelte
Puppeteer
Yumda
DynamoDB
××× SIIIIICK ××× PIIIICKS ××× Brian: Begin Fingerprinting
Scott: Been Here For Too Long
Wes: Grabber Tool
Shameless Plugs Brian: Begin Proxy
Scott: All Courses - Sign up for the year and save 25%!
Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!
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
I would D.I.E. for that IDE
Brian is a contributor to Deno, and walks us through what this project has to offer. He also made it easy to work with Deno right in the browser. You can check it out here.
You can learn more about Begin here. If you want to follow Brian, you can find him on Twitter here and on Github here.
We spend a bunch of time digging into the overlaps between Deno, Rust, Java, and Typescript. In case you missed it, Typescript is now the second most beloved language, based on the results of our 2020 Developer Survey.
See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Somebody somewhere is generating JS from Fortran
KBall interviews Brian Leroux in a wide-ranging discussion covering “Progressive Bundling” with native ES Modules, building infrastructure as code, and what the future of JamStack and serverless deployment might look like.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog.
Linode – Our cloud of choice and the home of Changelog.com. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019 OR changelog2020. To learn more and get started head to linode.com/changelog.
The Brave Browser – Browse the web up to 8x faster than Chrome and Safari, block ads and trackers by default, and reward your favorite creators with the built-in Basic Attention Token. Download Brave for free and give tipping a try right here on changelog.com.
Featuring:
Brian Leroux – Website, GitHub, Mastodon, X
Kevin Ball – Website, GitHub, LinkedIn, X
Show Notes:
Progressive Bundling slides
ES modules: A cartoon deep-dive
Rollup
Begin.com
ES Modules in Node
Example ‘Progressive Bundling’ code
Architect (Arc.codes)
What Is Infrastructure as Code?
What is data gravity
Fauna - “Database built for Serverless”
DynamoDB
CouchDB
Pulumi
Flash player in WebAssembly
Something missing or broken? PRs welcome!