SSR web components for all
source link: https://changelog.com/jsparty/321
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.
Brought to you by
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.
- 58 minutes
- Recorded Apr 25, 2024
- Published May 2, 2024
- Download (56MB)
- Transcript
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.
Chapters
| 1 | 00:00 |
It's party time, y'all |
| 2 | 00:39 | |
| 3 | 03:38 |
Welcoming Brian LeRoux |
| 4 | 04:19 | |
| 5 | 11:22 |
Changing the game |
| 6 | 14:04 | |
| 7 | 17:32 | |
| 8 | 19:17 |
RoR nostalgia |
| 9 | 21:35 |
Example apps |
| 10 | 23:12 |
Go dev path |
| 11 | 24:45 |
JS dev path |
| 12 | 27:28 |
Lost in translation |
| 13 | 28:56 |
When things go wrong |
| 14 | 31:16 |
HTML Web Components |
| 15 | 38:42 | |
| 16 | 42:28 |
Web platform support |
| 17 | 44:30 |
CSS golden years |
| 18 | 45:36 |
In-browser design systems |
| 19 | 48:38 | |
| 20 | 51:15 |
Trying it out |
| 21 | 53:26 |
WebAssembly's weird rise |
| 22 | 55:52 |
Closing time |
| 23 | 56:27 |
Next up on the pod |
Transcript
Recommend
-
43
作者：百度外卖 耿彩丽 李宗原 转载请标明出处引言最近笔者和小伙伴在研究Vue SSR，但是市面上充斥了太多的从0到1的文章，对大家理解这其中的原理帮助并不是很大，因此，本文将从Vue SSR的构建流程、运行流程、SSR…
-
45
项目源码 拉了就跑 yarn npm run ssr Gif预览效果 SSR：服务端渲染，在服务端将首屏的html直接返回给客户端 SEO：让各爬虫能爬到首屏的内容，匹配到搜索关键字，提高在百度谷歌的排序 加快首屏速度，不再是加载完js然后React
-
30
现代 SSR 之殇 在第一篇的技术选型中我们有说到，对于 SSR 的技术选型实际上有两个思路，其分别是： HandleBars 等以纯字符串渲染引擎为主的思路 Vue / React
-
26
SSR同构降级策略 1、相关概念 CSR ：客户端渲染(Client Side Render)。渲染过程全部交给浏览器进行处理，服务器不参与任何渲染。页面初始加载的HTML文档中无内容，需要...
-
19
写在前面 上篇React SSR 之 API 篇细致介绍了 React SSR 相关 API 的作用，本篇将深入源码，围绕以下 3 个问题，弄清楚其实现原理： React 组件是怎么变成 HTML 字符串的？ 这些字符串是如何边拼接边...
-
33
...
-
8
本文从框架开发者而非使用者的角度，学习和探讨 Vue SSR 的源码。 希望能让更多人理解 SSR 魔法的工作原理和实现思路。 因此本文不会介绍最终接口的详细参数，如 createRenderer() 的具体参数、createBundleRenderer() 的配置方法， 只聚焦在 SSR 相关代码的详...
-
9
Using Non-SSR Friendly Components with Next.jsHow to disable SSR for Non-SSR Friendly Components in Next.js
-
1
All in one: SPA, SSR, SSG and APIRecently, I started to work on feez.ws, a new app that allows tracking progress in public, giving you a platform to share your journey with friends, famil...
-
4
March 26, 2024 How To SSR Web Components In ASP.NET Core using TagHelpers
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK