How the creator of Angular is dehydrating the web
Angular is an open-source web framework used by millions of developers. Explore the Angular community.
Miško is currently CTO at Builder, an API-driven, drag-and-drop headless CMS with a visual editor. Explore their docs or see what they’re up to on their blog.
Builder’s full-stack web framework is Qwik, which just reached 1.0.
Let Miško walk you through why Hydration is Pure Overhead.
ICYMI, listen to our episode with Builder CEO Steve Stewell.
Connect with Miško on LinkedIn, Twitter, or GitHub. You can also check out his website.
This week’s Lifeboat badge is awarded to ORION for their answer to Unicode symbol that represents "download".
See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Supper Club × Visual Coding Languages With Steve Sewell
In this supper club episode of Syntax, Wes and Scott talk with Steve Sewell about Builder.io, Qwik, Partytown, and the tricks and tips he’s learned in building apps for the modern web.
Show Notes 00:37 Welcome
01:14 Guest introduction
Steve on Twitter
Steve on GitHub
Builder.io
Builder.io/demo
04:07 Builder works with any tech stack?
06:29 Where is the structure of the site coming from?
07:28 What is Builder.io?
11:34 What’s the workflow for updating content?
13:03 What is Builder built in?
Mobx
14:36 Moving from Figma to HTML
18:41 Is an app like this divs all the way down?
24:55 Stories of browser gremlins building?
26:29 Advice for anyone building drag and drop
Fullstory
29:04 Does FPS play a part in development?
33:31 Do you use SVG?
36:15 Where does Qwik and Partytown fit into all of it?
Qwik
Partytown
46:45 How does accessibility play into Builder?
49:44 Supper club questions
54:30 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Dead Space Remake
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
Supper Club × Qwik framework from Miško Hevery, the Creator of Angular
In this supper club episode of Syntax, Wes and Scott talk with Miško Hevery about why developers should check out Qwik, the benefits of lazy loading, sharing state between components, and other Builder.io projects like Partytown and Mitosis.
Show Notes 00:35 Welcome
01:19 Guest intro
Miško Hevery
@MHevery
01:58 What is Resumability?
05:06 What is Qwik?
Qwik
Qwik City
07:03 Why would you want to make a component resumable?
12:08 Qwik code can be lazy loaded
15:28 How is server side rendering handled?
18:12 How does Vite help?
22:40 A bit more about hydration
31:03 How does the server collection information?
32:11 How do you share state between components?
34:45 How is data fetching handled?
37:47 Why are you using JSX?
41:53 Dealing with components in other frameworks
Mitosis
49:21 What is Partytown?
Partytown
54:30 Supper Club questions
××× SIIIIICK ××× PIIIICKS ××× Thinking Fast and Slow
Shameless Plugs Builder.io
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
Talking about drag and drop tech stacks with Builder.io's Steve Sewell
Steve was working as an engineering manager at ShopStyle and found that an increasing amount of his team's time was spent working on custom requests from departments like marketing and sales. They tried moving to a headless CMS but the data and components couldn't keep up with ever evolving needs. They wanted a drag and drop system connected to their code, data, and components.
This pain point inspired him strike out on his own to create a new product. The vision was a tool that would allow colleagues from across a company to make changes to web pages without requesting dev time, but would also ensure that any changes made would be up to the standards of the design department and not introduce errors that engineering would then have to fix.
Hence, the company's pitch for a plug & play system that integrates with your existing sites & apps. It relies on a few key ideas:
API-based infrastructure that is native to your tech stack
Works with any frontend or backend
Build with your own data, like product catalogs or customer data platforms, to create rich, dynamic experiences
You can check it out for yourself over at Builder.io.
Follow Steve on Twitter and TikTok where he breaks down websites and effects he finds interesting.
Congrats to phoenisx for being awarded the Necromaner badge after answering the question: Property 'share' does not exist on type 'Navigator"?
See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
A new batch of web frameworks emerge! (Interview)
This week we’re talking fresh, faster, and new web frameworks by way of JS Party. Yes, today’s show is a web framework sampler because a new batch of web frameworks have emerged. There’s always something new happening in the front-end world and JS Party does an amazing job of keeping us up to date. So…what’s fresh, faster, and new?
The first segment of the show focuses on Deno’s Fresh new web framework. Luca Casonato joins Jerod & Feross to talk about Fresh – a next generation web framework, built for speed, reliability, and simplicity.
In segment two, AngularJS creator Miško Hevery joins Jerod and KBall to talk about Qwik. He says Qwik is a fundamental rethinking of how a web application should work. And he’s attempting to convince Jerod & KBall that the implications of that are BIG.
In the last segment, Amal talks with Fred Schott about Astro 1.0. They go deep on how Astro is built to pull content from anywhere and serve it fast with their next-gen island architecture.
Plus there’s an 8 minute bonus for our ++ subscribers (changelog.com/++). Fred Schott explains Astro Islands and how Astro extracts your UI into smaller, isolated components on the page, and the unused JavaScript gets replaced with lightweight HTML — leading to faster loads and time-to-interactive.
Join the discussion
Changelog++ members get a bonus 7 minutes at the end of this episode and zero ads. Join today!
Sponsors:
InfluxData - InfluxDays 2022 – InfluxDays is back — this is a two-day developer conference from our friends at InfluxData dedicated to building IoT, analytics, and cloud applications with InfluxDB. It’s happening on Nov 2nd and 3rd - learn more and register at influxdays.com
Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you.
FireHydrant – The reliability platform for every developer. Incidents impact everyone, not just SREs. FireHydrant gives teams the tools to maintain service catalogs, respond to incidents, communicate through status pages, and learn with retrospectives. Small teams up to 10 people can get started for free with all FireHydrant features included. No credit card required to sign up. Learn more at firehydrant.com/
Retool – The low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it free at retool.com/changelog
Featuring:
Luca Casonato – GitHub, X
Fred K. Schott – Website, GitHub, X
Jerod Santo – Website, GitHub, LinkedIn, Mastodon, X
Feross Aboukhadijeh – Website, GitHub, X
Kevin Ball – Website, GitHub, LinkedIn, X
Amal Hussein – GitHub, X
Show Notes:
JS Party #234 - #
Fresh docs
Islands Architecture
Deno’s Discord
JS Party #237 - #
Qwik
Partytown
JS Party #238 - #
Astro 1.0 announcement post
Astro’s website
Something missing or broken? PRs welcome!
Qwik is a new kind of web framework
AngularJS creator Miško Hevery has a new web framework he wants to tell us about, but he’s not pitching just another framework, but with different DX. He says that Qwik is a fundamental rethinking of how a web application should work. And he’s here to convince Jerod & KBall that the implications of that are BIG.
Join the discussion
Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com
Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you.
Hasura – Create dynamic high-performance GraphQL & REST APIs from your database(s) in minutes with granular authorization and caching baked in. All without touching your underlying database. Go from data to API in minutes. Get started for free at hasura.io/jsparty
Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights
Featuring:
Jerod Santo – GitHub, LinkedIn, Mastodon, X
Kevin Ball – Website, GitHub, LinkedIn, X
Show Notes:
Holla! React Brussels
Qwik
Partytown
Something missing or broken? PRs welcome!