Front-end Canteen Technology Weekly Issue 53: React Router 6.4, VS Code August 2022

Delicious value: 🌟🌟🌟🌟🌟

Flavor: Strong Cheese Potato Chips

• Canteen Technology Weekly Warehouse Address: https://github.com/Geekhyt/weekly

Summary of this issue

• React Router 6.4
• VS Code August 2022
• 2022 Google Google Developers Conference
• Meta Open Source MemLab
• WAI-ARIA Guidelines
• "Vue.js Technology Insider"
• Remix basics
• Best practices for creating modern npm packages

Hello everyone, my name is Tong Oppa. Welcome to this issue of Front-end Canteen Technology Weekly, let's take a look at last week's technical information.

Technical Information

1. React Router 6.4

With the official release of React Router 6.4, React Router also joined the remote state management camp, and the development team brought the functions from Remix to React Router.

Feature overview can be moved to What's New in 6.4?.

2. VS Code August 2022

VS Code recently released the August 2022 version. Here are some features:

• Merge editor optimization (change to manual open, can be used at the same time with the old merge editor, experimentally open the optimized diff algorithm)
• FFmpeg codec support (more formats supported)
• Explorer rename selection improvements (F2 shortcut to select filename, extension and all)
• Add rounded corners to all buttons (it seems that no one can escape rounded corners..)
• Sticky Scroll Officially Released
• Terminal optimization (smooth scrolling, optimized rendering)
• and many more

3. 2022 Google Google Developers Conference

Students who missed the live broadcast can watch the highlights here~

Now let's look at the technical data.

Technical Information

1. Meta Open Source MemLab

MemLab is a JavaScript memory testing tool that automatically detects memory leaks. It works by finding memory leaks by running a headless browser in a predefined test scenario and diffing a snapshot of the JavaScript heap.

2. WAI-ARIA Guidelines

A blog post on a comprehensive guide to accessibility, summarizing some common error scenarios and teaching you the correct posture to use it.

3. "Vue.js Technology Insider"

Teacher Huang Yi's new book, 474 pages thick, I just received it yesterday and haven't read it yet, so I'll read a catalog first:

• Part 1: Overall Design of Vue.js
• Part II: Components
• Part 3: The Principles of Responsiveness
• Part 4: Compilation and Optimization
• Part 5: Practical Features
• Part 6: Built-in Components
• Part VII: Official Ecology

4. Remix basics

An introductory blog on Remix basics.

5. Best practices for creating modern npm packages

A blog post by the Snyk team covering the following areas: initializing a project, creating an npm account, publishing npm packages, packaging configuration with TypeScript, CJS and ESM support, unit testing and pipeline configuration, local debugging, security checks with GitHub Actions and Snyk, Automate version management and releases, and use Snyk for continuous security monitoring.

other information

• Preact v10.11.0
• npm v9.0.0-pre.0
• WebKit Features in Safari 16.0
• View Design design resources online for free
• Bun v0.1.12

Good article recommended

Let's take a look at the good articles recommended. The good articles recommended this week are:

1. JavaScript APIs you don’t know

2. The latest JavaScript features in 2022

Well, the above is this issue of Canteen Weekly. If the audience members think it's not bad, one-click three-link is the biggest support for canteen bosses.

Your front-end canteen, eat every meal, see you next time.