On Saturday, May 22, 2021, it was particularly cool in Hangzhou, which was sunny after rain, so I went to Hangzhou by high-speed train to participate in Vue Conf 2021. In fact, I have not used Vue to do production projects for three years. In addition, you Da and Anthony Fu, whom I particularly want to see, are both remotely connected, so I did not expect much, but just like this, I was surprised by many surprises. Got the first chance to ask a question, asked three questions, met a lot of big guys, felt worth the price.

The official video playback is out: Vue Conf 2021 official video playback

The first thing was meeting QC-L, of course. We got to know each other from the Nuggets’ translation program and reconnected this year with my translation of the Vite live video. In recent months, I have been in deep communication with my community friends. I just finished translating Slidev and Vite into Chinese before Vue Conf.

Originally, Mr. Youda was the first speaker, but something happened, the time difference between China and the United States is still a problem, and Mr. Youda also has an online share of Vue Beijing on 23rd, so this Weekend is really Evan’s Weekend.

Li Kui — Vite, the next generation of Web tools

Video delivery: Vite: Next generation Web tool

The first is from Li Kui (@underfin). This is about Vite. I have been following Vite 2 since this Spring Festival because I was suffering from webpack startup and HMR slowness. The next generation of front end tools — ViteJS — Open Source Friday.

During this period, I posted an article about Vite 2 + React actual operation, and an interesting thing happened. One day, I read about chang ‘an Hua student’s plan to migrate the React + Mobx + TypeScript to the project build tool from Webpack to Vite, and saw my article. Leave a message and add it to wechat. Discuss and analyze various issues encountered during the migration process on a daily basis. Finally, the migration succeeded, but the build time (on the ’17 Macbook Pro) increased from 18 s to 27 seconds, and the Vite reboot time was 24 seconds. I couldn’t believe it.

After turning off the HMR configuration, the speed increased to less than 14 seconds.

Since his project is an internal project, it is not convenient for me to test it. I have not tried to migrate my own project, so this matter has been shelved. Just in time for the Vue Conf to ask this question.

Problem Portal: Excuse me li Kui, Vite HMR performance problem

I haven’t studied the principle of Vite HMR, but I received li Kui’s answer this time. In React project, the main reason is the slow speed caused by the use of Babel plug-in. As for what HMR did in the start-up process, I plan to go back and study it carefully. I also asked whether HMR had performance problems in THE Vue project. Li Kui said that the principle in Vue was different from that in React project. Without Babel, the performance would be better than that in React project. In the future, it may be necessary to wait for the esbuild API to be exposed to fully resolve the HMR performance bottleneck at startup.

Especially long overdue – Vue3 Ecological progress and Planning

Vue. Js author Yu Yuxi talks about Vue 3 ecological progress at VueConf 2021

Many articles have been shared about the content of Yudu’s speech, so I will not repeat them here.

Qc-l and Vue 2.7 want to know the release date of Vue 2.7, you mentioned in the share that the release is planned for the third quarter, this will be the last version of Vue 2.x.

Vue 3 will become the default version by the end of q2.

The surprise was that Youda demonstrated the writing method of

Huo Chunyang — compile Vue SFC to X

Video transmission: compile Vue SFC to X

Huo Chunyang’s “Compiling Vue SFC to X” came after the conclusion of the university. I was completely unfamiliar with Vue SFC. After listening to hcfysunyang’s sharing, I gained a lot of inspiration in thinking and learned a lot of problems THAT I had not paid attention to.

To be continued

The matinee is also very wonderful. I am sorting out the text.

Attached: saw in the live stream popular “green brother”, green brother’s idea is really quite unique, the famous picture is the machine plus configuration can solve why to spend time on Vite. For me, there are many scenarios where I need a tool like Vite to help me speed up, including the performance problems of my company’s virtual terminal, including the fact that I am involved in multiple projects in the open source community at the same time, and the speed of startup is a real pain point. There is also the problem that Vite will divert Webpack developers and so on. In fact, any beneficial attempt should be encouraged, the healthy and vigorous development of the community, healthy competition is necessary. Afternoon green elder brother help everyone to ask the question of the WEEX that held back for a long time, harvested a wave of praise. Fortunately, dye momo answer withstand, north Sea just started, expect to have a good result.