当我们前端切图崽网上冲浪的时候，会发现有很多技术文章都在分析vue框架，react框架，显少有分析小程序框架的。那今天就通过这篇短小精悍的文章带大家了解一下微信小程序的底层架构。

本篇我们讲解 Next.js 项目所涉及到的 CSR、SSR、SSG、ISR、RSC、SPA、Streaming、Navigation等名词概念，帮助大家正确理解 Next.js。我们先从大家最熟悉的

大家好，我是早晚会起风。这个主题会分为上、中、下三篇（如果没有弃坑），分别是源码分析、源码手写、细节完善。在这个主题下，我会带着大家一起动手实现一个 Form 组件。

看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现

写在前面在我从事React Native（以下简称RN）开发的两年工作中，自己与团队成员时常会遇到一些令人疑惑的屏幕适配问题，如：全屏mask样式无法覆盖整个屏幕、1像素边框有时无法显示、特殊机型布局

这是 `React ` 团队当下想要 `all in server` 的信号即可，而 `RSC` 是这方面目前最具代表的技术 我自己则是实现了一版另类的 `RSC`，过程有些唠叨，希望可以耐心看下去

项目需要实现离屏缓存，即路由前进时加载对应路由最新的页面，路由后退时展示对应路由页面上一次离开时的状态，点击菜单总是加载最新的页面。

我们的自己业务中的组件库，一般由行为库（ react-compoent ），设计规范( Ant Design ) ，加上自己的样式扩展 ( CSS ++ ) 组成。那么，什么是最佳选择呢？

Headless UI 是现在的大趋势。但是对于个人以及小公司来说 Headless UI 不能开箱即用，需要维护一套样式规范。那么，有什么既能开箱即用，又能自己掌控的 Headless UI 方案吗