You Yuxi, coming!

Most technical people who pay attention to me , Let me tell you something today , The second rare earth developers The conference will be on the 7 month 22、23 Japan A formal meeting , This conference was held by 「 Stimulate universal gravitation , The future of nuggets Technology 」 The theme of , Bring together thousands of developers , Just to take you in the complex wave of Technology , From the practice driven case summary behind , A glimpse of the origin of Technology .

among , Especially the rain creek , The front frame Vue.js And front-end building tools Vite author , Will attend the main forum of this rare earth Developer Conference and make a speech entitled 《 Front end trends 2022》 Keynote speech of .

Don't miss what you are interested in , Identify article poster QR code , Not only free registration to the end, but also a gift ！

One may be curious about the general content of the speech , Here is the outline of this speech ：

One 、 Base frame / Development paradigm trends

1、Hooks The development experience of has gradually become the consensus of the community

（1）useEvent RFC It is an official remedy for this problem

（2）React Forget It is an attempt to improve from the compilation route

2、 The data management paradigm based on dependency tracking has been re examined

（1）Solid: solid-state

（2）Vue: Composition API

（3）Ember: Starbeam

3、 Responsive system based on compilation

（1） Tracking and updating are triggered by the reference and assignment of variables

（2）Svelte

a. The price of simplicity ： Dependent component context , Cannot nest , An additional system is required outside the component

（3）Vue Reactivity Transform

a.  Set up grammar sugar for internal and external use

Two 、 Tool chain

1、 The use of native languages

(1) napi-rs (Rust)

(2) esbuild (Go)

(3) swc (Rust)

(4) bun (Zig)

(5) Parcel 2 (JS / Rust hybrid)

(6) Vite (JS / Go hybrid via esbuild)

(7) Native languages are more suitable for situations where use cases are focused and standards are relatively stable , Otherwise, it is difficult to extract the maximum performance advantage .

a. TS type checker： Change too fast , There is no standard

(8) Native languages affect scalability , Increase the threshold of community participation , Ultimately affect ecological development

(9) JS/ Native hybrid tool chains will become the norm

2、 Tool chain abstraction level

（1）webpack / rollup: pure JS modular （ You need plug-ins to customize for various applications , The level of abstraction is low ）

（2）parcel 2: Pure client web application （ High level of abstraction ）

（3）vite: web / SSR application + Upper frame （ High level of abstraction / in

a. Design based on scalability

b. Through the middleware mode （middleware mode) Embed the existing server architecture

c. Powerful plug-ins API You can adjust the development server and production build at the same time

d. Rendering on the server side is the concept of first-class citizens

  (4)  be based on Vite The upper frame of

a.Nuxt 3

b.SvelteKit

c.Shopify Hydrogen

d.Astro

e.Qwik

f.Solid Start

g.Fastify DX

h.vite-plugin-ssr

i.Laravel Official default scheme

3、 ... and 、Meta Framework trend

1、 What are the advantages of the whole stack

2、 Connect the front and back ends of the data

（1）Next

a.getStaticProps / getServerSideProps

  (2) Nuxt

b.API routes + Top level await + useFetch

  (3) Remix

c.loader / action + HTML form

3、 Connect the front and rear ends of the type

（1）Nuxt Automatically generate corresponding types based on the layout of the project file

a. route

b.API

4、js The price of the whole stack ：duplicated data / js bundle size + hydration cost

(1) Vue 3.3 is going to explore this direction

(2) React Server Components

(3) Astro: island architecture / conditional lazy hydration

(4) Qwik: fine-grained + "resumable" hydration

(5) VitePress: static content removal + out-in shell hydration

a.Vue 3.3 is going to explore this direction

in addition to , This developer conference also planned Large front-end technology exploration 、 Large front end engineering practice and performance optimization 、 Low code exploration and practice 、 modern Web Development And other large front-end technology direction special session , From Kwai Fu Web Development Fang Chao, head of the center 、JavaScript Expert chengshaofei （winter）、 Dongxiaoqing, head of experience technology team of Alibaba Enterprise Intelligence Division 、 Liyanqing, front-end person in charge of meituan's vegetable buying users As producer , It will bring a 「 Knowledge stack overflow 」 Audio visual feast ！