Front-end Canteen Technology Weekly Issue 47: Docusaurus 2.0, New Content Coming to the Web Platform in July, Wheel Library for Nuxt.js Team

Delicious value: 🌟🌟🌟🌟🌟

Flavor: Charcoal Grilled Lamb Chops

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

The PC side has a better experience in the warehouse, and rewarding a Star is the biggest support for the canteen.

Summary of this issue

• Docusaurus 2.0
• New content coming to the web platform in July
• Wheel library for the Nuxt.js team
• Some Best Security Practices for React
• Front-end componentized system in business
• Detailed explanation of DNS query principle

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. Docusaurus 2.0

You may not have used Docusaurus, but you must have seen websites built on it, such as: Prettier, Babel, React-Native, Jest, Gulp, Redux, Tauri, Taro, etc.

Recently Docusaurus 2.0 was released, and the core functions are as follows:

• support for the client;
• Plug-in system, the core functions are supported by separate plug-ins, and it is also convenient for the community to contribute plug-ins;
• More flexible theme customization, such as: customizing CSS variables, providing users' own style sheets, implementing themes from scratch, and overriding built-in components;
• The documentation version is based on snapshots, which is easier to understand;
• MDX;
• Conventional file system.

2. New content coming to the online platform in July

This series of blog posts will collect interesting features that land on the stable (stable) and beta (testing) versions of the browser each month. The following is the part of the stable version of the browser:

Firfox 103 and Safari 15.6 are released as stable, gaining interoperability on several nice CSS features, as follows:

• backdrop-filter , which can achieve frosted glass effect;

• scroll-snap-stop , a better scrolling experience.

Let's look at the technical data below.

Technical Information

1. The wheel library of the Nuxt.js team

This page summarizes the various wheels created by the Nuxt.js team.

2. Some Best Security Practices for React

Best practices worth following in order to keep your React application secure.

It includes the following aspects:

• dangerouslySetInnerHTML;
• Avoid directly manipulating the DOM and injecting HTML;
• server-side rendering;
• JSON injection;
• URL injection;
• Avoid buggy React versions;
• Avoid other dependencies with vulnerabilities;
• ESLint React Security Configuration.

3. Front-end componentized system in business

In a business system, how should componentization be done?

This blog post attempts to give some possible solutions around this topic, including the following:

• Component implementation: state and rendering, using context to manage dependencies, state composability, hierarchical reuse, multi-level subtrees, state dependencies;
• Engineering link: component dependency morphology, cross-technology stack integration, testing and analysis.

4. Detailed explanation of DNS query principle

Use the dig command to walk you through the entire DNS lookup process.

5. The art of the README

READMEs are officially named back to at least 1970 and PDP-10 . Projects with high-quality READMEs are also very comfortable and reassuring to use. This article discusses what a high-quality README should contain.

other information

• New in Chrome 104
• CSS transform property supports merging
• VS Code July 2022 (version 1.70)
• JavaScript Records & Tuples Proposal
• StackBlitz supports favorites and social previews
• @container and :has(): two powerful new responsive APIs landing in Chromium 105
• Blockchain Dapp Development Tutorial

Good article recommended

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

1. Yuque App cross-end technical architecture practice

2. Facing the micro-frontend, talk about the past and present of the JavaScript isolation sandbox mechanism

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.