当前位置:网站首页>You Yuxi, coming!
You Yuxi, coming!
2022-07-07 16:01:00 【stormzhangV】
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 !
边栏推荐
- leetcode 241. Different Ways to Add Parentheses 为运算表达式设计优先级(中等)
- LeetCode2_ Add two numbers
- Xingruige database was shortlisted as the "typical solution for information technology application and innovation in Fujian Province in 2021"
- webgl_ Graphic transformation (rotation, translation, zoom)
- Simple understanding and application of TS generics
- Apache Doris刚“毕业”:为什么应关注这种SQL数据仓库?
- 招标公告:福建省农村信用社联合社数据库审计系统采购项目(重新招标)
- 航运船公司人工智能AI产品成熟化标准化规模应用,全球港航人工智能/集装箱人工智能领军者CIMC中集飞瞳,打造国际航运智能化标杆
- AB package details in unity (super detail, features, packaging, loading, manager)
- Rongyun won the 2022 China Xinchuang digital office portal excellence product award!
猜你喜欢
Annexb and avcc are two methods of data segmentation in decoding
LeetCode2_ Add two numbers
UE4 exports the picture + text combination diagram through ucanvasrendertarget2d
OpenGL's distinction and understanding of VAO, VBO and EBO
Tkinter after how to refresh data and cancel refreshing
一大波开源小抄来袭
神经网络c语言中的指针是怎么回事
Eye of depth (VII) -- Elementary Transformation of matrix (attachment: explanation of some mathematical models)
Three. JS introductory learning notes 00: coordinate system, camera (temporarily understood)
TS as a general cache method
随机推荐
Three. JS introductory learning notes 05: external model import -c4d into JSON file for web pages
Three. JS introductory learning notes 10:three JS grid
Iterator and for of.. loop
Async and await
AE learning 02: timeline
Shader_ Animation sequence frame
Three. JS introductory learning notes 04: external model import - no material obj model
SPI master RX time out interrupt
Plate - forme de surveillance par étapes zabbix
postman生成时间戳,未来时间戳
AE learning 01: AE complete project summary
LeetCode1_ Sum of two numbers
C4D learning notes 3- animation - animation rendering process case
Vite path alias @ configuration
Shader basic UV operations, translation, rotation, scaling
Three. JS introductory learning notes 19: how to import FBX static model
numpy--数据清洗
The rebound problem of using Scrollview in cocos Creator
SPI master rx time out中断
TCP framework___ Unity