restore wrongly overridden translation

Author: Madoshakalaka

website/i18n/ja/docusaurus-plugin-content-docs/version-0.21/advanced-topics/optimizations.mdx

@@ -1,13 +1,14 @@
 ---
-title: 'Optimizations & Best Practices'
+title: '最適化とベストプラクティス'
 sidebar_label: Optimizations
 description: 'Make your app faster'
 ---
 
-## Using smart pointers effectively
+## 効果的にスマートポインタを使う
 
-**Note: if you're unsure about some of the terms used in this section, the Rust Book has a useful
-[chapter about smart pointers](https://doc.rust-lang.org/book/ch15-00-smart-pointers.html).**
+**注意: このセクションで使われている用語がわからなければ Rust book は
+[スマートポインタについての章](https://doc.rust-lang.org/book/ch15-00-smart-pointers.html)
+があり、非常に有用です。**
 
 To avoid cloning large amounts of data to create props when re-rendering, we can use
 smart pointers to only clone a reference to the data instead of the data itself. If you pass

website/i18n/ja/docusaurus-plugin-content-docs/version-0.21/advanced-topics/struct-components/lifecycle.mdx

@@ -1,6 +1,6 @@
 ---
-title: 'Lifecycle'
-description: 'Components and their lifecycle hooks'
+title: 'ライフサイクル'
+description: 'コンポーネントとそのライフサイクルフック'
 ---
 
 The `Component` trait has a number of methods which need to be implemented; Yew will call these at different

website/i18n/ja/docusaurus-plugin-content-docs/version-0.21/advanced-topics/struct-components/properties.mdx

@@ -3,15 +3,14 @@ title: 'Properties'
 description: 'Parent to child communication'
 ---
 
-Properties enable child and parent components to communicate with each other.
+プロパティは、子コンポーネントと親コンポーネントが互いに通信できるようにします。
 Every component has an associated properties type which describes what is passed down from the parent.
 In theory, this can be any type that implements the `Properties` trait, but in practice, there is no
 reason for it to be anything but a struct where each field represents a property.
 
-## Derive macro
+## マクロの継承
 
-Instead of implementing the `Properties` trait yourself, you should use `#[derive(Properties)]` to
-automatically generate the implementation instead.
+`Properties`を自分で実装しようとせず、代わりに`#[derive(Properties)]`を使ってください。
 Types for which you derive `Properties` must also implement `PartialEq`.
 
 ### Field attributes

website/i18n/ja/docusaurus-plugin-content-docs/version-0.21/advanced-topics/struct-components/refs.mdx

@@ -1,17 +1,16 @@
 ---
-title: 'Refs'
-description: 'Out-of-band DOM access'
+title: Refs
+description: Out-of-band DOM access
 ---
 
-The `ref` keyword can be used inside of any HTML element or component to get the DOM `Element` that
-the item is attached to. This can be used to make changes to the DOM outside of the `view` lifecycle
-method.
+`ref`は、任意の HTML 要素やコンポーネントの内部で、割り当てられている DOM`Element`を取得するために使用することができます。
+これは、`view` ライフサイクルメソッドの外で DOM に変更を加えるために使用できます。
 
-This is useful for getting ahold of canvas elements, or scrolling to different sections of a page.
+これは、キャンバスの要素を取得したり、ページの異なるセクションにスクロールしたりするのに便利です。
 For example, using a `NodeRef` in a component's `rendered` method allows you to make draw calls to
 a canvas element after it has been rendered from `view`.
 
-The syntax is:
+構文は以下の通りです:
 
 ```rust
 use web_sys::Element;

website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-0.21/advanced-topics/how-it-works.mdx

@@ -1,9 +1,9 @@
 ---
 title: 'How it works'
-description: 'Low level details about the framework'
+description: '有关框架的底层细节'
 ---
 
-# Low-level library internals
+# 底层库的内部细节
 
 ## Under the hood of the `html!` macro
 

website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-0.21/advanced-topics/optimizations.mdx

@@ -1,7 +1,7 @@
 ---
-title: 'Optimizations & Best Practices'
+title: '性能优化与最佳实践'
 sidebar_label: Optimizations
-description: 'Make your app faster'
+description: 加速你的应用程序
 ---
 
 ## Using smart pointers effectively

website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-0.21/advanced-topics/struct-components/callbacks.mdx

@@ -1,13 +1,13 @@
 ---
-title: 'Callbacks'
+title: '回调（Callbacks）'
+description: 'ComponentLink 和 Callbacks'
 ---
 
 ## Callbacks
 
-Callbacks are used to communicate with services, agents, and parent components within Yew.
-Internally their type is just `Fn` wrapped in `Rc` to allow them to be cloned.
+Callbacks 用于与 Yew 中的 services，agents 和父组件进行通信。它们仅仅是个 `Fn`，并由 `Rc` 包裹以允许被克隆。
 
-They have an `emit` function that takes their `<IN>` type as an argument and converts that to a message expected by its destination. If a callback from a parent is provided in props to a child component, the child can call `emit` on the callback in its `update` lifecycle hook to send a message back to its parent. Closures or Functions provided as props inside the `html!` macro are automatically converted to Callbacks.
+它们有一个 `emit` 函数，该函数将它的 `<IN>` 类型作为参数并将其转换为目标所期望的消息。如果一个回调从父组件中通过 props 提供给子组件，则子组件可以在其 `update` 生命周期钩子中对该回调调用 `emit`，以将消息发送回父组件。在 `html!` 宏内被提供作为 props 的闭包或函数会自动转换为 Callbacks。
 
 A simple use of a callback might look something like this:
 

website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-0.21/advanced-topics/struct-components/lifecycle.mdx

@@ -1,24 +1,22 @@
 ---
-title: 'Lifecycle'
-description: 'Components and their lifecycle hooks'
+title: '生命周期'
+description: '组件及其生命周期钩子'
 ---
 
-The `Component` trait has a number of methods which need to be implemented; Yew will call these at different
-stages in the lifecycle of a component.
+`Component` trait 有许多需要实现的方法；Yew 会在组件生命周期的不同阶段调用这些方法。
 
-## Lifecycle
+## 生命周期
 
 :::important contribute
 `Contribute to our docs:` [Add a diagram of the component lifecycle](https://github.com/yewstack/yew/issues/1915)
 :::
 
-## Lifecycle Methods
+## 生命周期方法
 
 ### Create
 
-When a component is created, it receives properties from its parent component and is stored within
-the `Context<Self>` that is passed down to the `create` method. The properties can be used to
-initialize the component's state and the "link" can be used to register callbacks or send messages to the component.
+当一个组件被创建时，它会从其父组件接收属性（properties）并存储在传递给 `create` 方法的 `Context<Self>` 中。
+属性（properties）可用于初始化组件的状态，"link"可用于注册回调或向组件发送消息。
 
 ```rust
 use yew::{Component, Context, html, Html, Properties};

website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-0.21/advanced-topics/struct-components/properties.mdx

@@ -1,18 +1,17 @@
 ---
-title: 'Properties'
-description: 'Parent to child communication'
+title: '属性（Properties）'
+description: '父组件到子组件的通信'
 ---
 
-Properties enable child and parent components to communicate with each other.
-Every component has an associated properties type which describes what is passed down from the parent.
-In theory, this can be any type that implements the `Properties` trait, but in practice, there is no
-reason for it to be anything but a struct where each field represents a property.
+Properties 用于父级到子组件的通信。
+每个组件都有一个关联的属性类型，描述了从父级传递下来的内容。
+理论上，这可以是任何实现了 `Properties` trait 的类型，但实际上，
+没有理由不使用一个结构体，其中每个字段都代表一个属性。
 
-## Derive macro
+## 派生宏
 
-Instead of implementing the `Properties` trait yourself, you should use `#[derive(Properties)]` to
-automatically generate the implementation instead.
-Types for which you derive `Properties` must also implement `PartialEq`.
+不要尝试自己去实现 `Properties`，而是通过使用 `#[derive(Properties)]` 来派生它。
+派生 `Properties` 的类型还必须实现 `PartialEq`。
 
 ### Field attributes
 

website/i18n/zh-Hans/docusaurus-plugin-content-docs/version-0.21/advanced-topics/struct-components/refs.mdx

@@ -1,17 +1,15 @@
 ---
-title: 'Refs'
-description: 'Out-of-band DOM access'
+title: Refs
+description: 超出界限的 DOM 访问
 ---
 
-The `ref` keyword can be used inside of any HTML element or component to get the DOM `Element` that
-the item is attached to. This can be used to make changes to the DOM outside of the `view` lifecycle
-method.
+`ref` 关键词可被用在任何 HTML 元素或组件内部以获得该项所附加到的 DOM 元素。这可被用于在 `view` 生命周期方法之外来对 DOM 进行更改。
 
-This is useful for getting ahold of canvas elements, or scrolling to different sections of a page.
+这对于获取 canvas 元素或者滚动到页面的不同部分是有用的。
 For example, using a `NodeRef` in a component's `rendered` method allows you to make draw calls to
 a canvas element after it has been rendered from `view`.
 
-The syntax is:
+语法如下：
 
 ```rust
 use web_sys::Element;