Front end weekly issue 12


Front end weekly publishes major events, articles and tutorials related to front-end technology every week, version updates of some frameworks, as well as codes and tools. It is published regularly every week. You are welcome to pay attention and reprint.
<span style=”color:red;”> If the external chain cannot be accessed, follow the official accountFront end weekly, there’s a solution</span>

Major events

  • Webpack principle series 9: tree shaking implementation principle – tree shaking is a dead code elimination technology based on ES module specification. It will statically analyze the import and export between modules during operation, determine which export values in ESM module have not been used by other modules, and delete them, so as to optimize the packaged products.
  • Parcel v2.4.0 release: Zero Configuration build tool – parcel’s new CSS parser and compiler – parcel CSS – now makes it the main parcel build tool as the default CSS converter and reducer. Of course, there are more: CSS color level 4 support, cascading layer, improved JS dead code elimination, and support for class static initialization blocks.
  • RFC: intent to ship react 18 – this RFC covers the new features and changes of react 18. Although react 18 is very close, the team wants to get “the last round of extensive public feedback” (you can submit it here) before release.
  • The way of node: about design, architecture and best practices – a developer summarizes all the hard won best practices and the intuition he gained to develop high-quality node applications.
  • This week’s react status question: This is where all react links are located – if you use react, be sure to check out our sister weekly: react status. Many reliable versions were released this week, including turnstone, a new react search box component, and liqvid 2.1, a system that uses react to create interactive video.


  1. Findlast and findlastindex: a suggested way to search an array from beginning to end – a suggestion Dr Axel will soon introduce, which will provide an effective way to find the contents of the array returned from the last item to the first item. Array. prototype. findLastArray. prototype. findLastIndex
  2. Introduction to AWS cloudfront function – the cloudfront function allows you to deploy serverless JS functions to the edge site network of AWS to execute as close as possible to end users. Sounds like [email protected] ? The author also explains the difference there.
  3. Explore sveltekit by building portfolio websites in 2022 – sveltekit is a framework for building svelte applications that can handle boring parts while allowing you to focus on interesting and creative parts of application writing.
  4. Zach Leatherman will work full-time on eleventy SSG – Zach Leatherman recently announced that he will now work full-time on JS driven static site generator eleventy at netlife.
  5. How to migrate from Vue cli to vite – if you developed Vue before 2021, the build tool you chose is likely to be Vue cli. This has become the de facto standard of Vue. JS project for some time. But now, Evan you’s next-generation build tool vite has attracted a lot of attention and is a great alternative to Vue cli.
  6. Use Vue One of the most popular tasks that visual studio developers use in building their own code (biar) is the biar code editor. Its design takes scalability into account. To some extent, most of the core functions of vs code are built as extensions.

Framework release

  1. Node 17.8.0 –perf_ Add HTTP trace to hooks.
  2. Pixi. JS 6.3.0 – fast 2D rendering library.
  3. Next SEO 5.2 – Next. JS application of the simpler SEO.
  4. React joyride 2.4 – create a tour guide in the react application.

Code and tools

  1. Piling. JS: library for creating “visual pile” interface: visual piling is a method of organizing and grouping elements into collections. Piling. JS makes it possible to quickly and provide the required UI.
  2. Ladle: develop and test your react story faster: a new tool for building and testing react components in an isolated environment. Reminds you of storybooks? Ladle is intended to be an alternative, but it provides faster performance (and, yes, there are benchmarks).
  3. Postgres. JS 3.0: fast, full-featured Postgres client for node (and DeNO): now for DeNO and node JS, this high-performance Postgres library provides real-time change subscriptions, dynamic queries built through special template text, large objects, high availability through multi host connection URLs, asynchronous cursors, etc. Slonik is another option considered in this field.
  4. React flow 10: used to create node based UI, editors and charts: a react component used to build node based interactive charts or editors (no, not node. JS). This blog post provides a good overview of the latest version.
  5. Video to reel: automatically edit videos for publishing on instagram reels: supported by ffmpeg, ImageMagick and ZX. Functions include rotating, resizing, adding color filters, standardizing audio, etc.
  6. Dum: an NPM uses Instead of using the JavaScript tool named “runpm” to start the script, runpm will continue to run in milliseconds.