From 08c3c2dfe79905c128d64ca8233d9be3e6ea93b4 Mon Sep 17 00:00:00 2001 From: fishjar Date: Sat, 26 Aug 2023 06:52:13 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20fishjar/?= =?UTF-8?q?kiss-translator@c4a7fd81f868011f6f395429872af4a49cb3c34f=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content.html | 266 ++--- kiss-translator-rules.json | 12 +- kiss-translator.user.js | 1426 ++++++++++------------- main.js | 2255 +++++++++++++++++++++++++++++++----- manifest.firefox.json | 5 +- manifest.json | 5 +- options.js | 1381 ++++++++++------------ 7 files changed, 3364 insertions(+), 1986 deletions(-) diff --git a/content.html b/content.html index c757f1c..9c060b7 100644 --- a/content.html +++ b/content.html @@ -15,12 +15,63 @@ max-height: 1.2em; } +
-

React is a JavaScript library for building user interfaces.

+

+

React is a JavaScript library for building user interfaces.

+

+
+

Shadow 1

+
+

Shadow 2

+



@@ -53,7 +104,16 @@


-

React is a JavaScript library for building user interfaces.

+

+ React Server Components (or RSC) is a new application architecture + designed by the React team. +

+


@@ -86,7 +146,10 @@


-

React is a JavaScript library for building user interfaces.

+

+ We’ve first shared our research on RSC in an introductory talk and an + RFC. +




@@ -119,7 +182,17 @@


-

React is a JavaScript library for building user interfaces.

+

+ To recap them, we are introducing a new kind of component—Server + Components—that run ahead of time and are excluded from your JavaScript + bundle. +

+


@@ -153,175 +226,42 @@

-

React is a JavaScript library for building user interfaces.

-
    -
  • - Declarative: React makes it painless to create interactive UIs. - Design simple views for each state in your application, and React - will efficiently update and render just the right components when - your data changes. Declarative views make your code more - predictable, simpler to understand, and easier to debug. -
    • -
  • - Component-Based: Build encapsulated components that manage their own - state, then compose them to make complex UIs. Since component logic - is written in JavaScript instead of templates, you can easily pass - rich data through your app and keep the state out of the DOM. -
    • -
  • - React 使创建交互式 UI - 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React - 能高效更新并渲染合适的组件。 -
    • -
  • 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
    • -
-
-

-

-

-

-

-

-

-

-

-

-

-

-
-

React is a JavaScript library for building user interfaces.

-
    -
  • - Declarative: React makes it painless to create interactive UIs. - Design simple views for each state in your application, and React - will efficiently update and render just the right components when - your data changes. Declarative views make your code more - predictable, simpler to understand, and easier to debug. -
    • -
  • - Component-Based: Build encapsulated components that manage their own - state, then compose them to make complex UIs. Since component logic - is written in JavaScript instead of templates, you can easily pass - rich data through your app and keep the state out of the DOM. -
    • -
  • - React 使创建交互式 UI - 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React - 能高效更新并渲染合适的组件。 -
    • -
  • 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
    • -
-
-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

-
-

React is a JavaScript library for building user interfaces.

-
    -
  • - Declarative: React makes it painless to create interactive UIs. - Design simple views for each state in your application, and React - will efficiently update and render just the right components when - your data changes. Declarative views make your code more - predictable, simpler to understand, and easier to debug. -
    • -
  • - Component-Based: Build encapsulated components that manage their own - state, then compose them to make complex UIs. Since component logic - is written in JavaScript instead of templates, you can easily pass - rich data through your app and keep the state out of the DOM. -
    • -
  • - React 使创建交互式 UI - 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React - 能高效更新并渲染合适的组件。 -
    • -
  • 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
    • -
-
-

-

-

-

-

-

-

-

-

-

-

-

-

-

-

- React is a JavaScript library for - building user interfaces. + Server Components can run during the build, letting you read from the + filesystem or fetch static content.

  • - Declarative: React makes it painless to create interactive UIs. - Design simple views for each state in your application, and React - will efficiently update and render just the right components when - your data changes. Declarative views make your code more - predictable, simpler to understand, and easier to debug. -
    • -
  • - Component-Based: Build encapsulated components that manage their own - state, then compose them to make complex UIs. Since component logic - is written in JavaScript instead of templates, you can easily pass - rich data through your app and keep the state out of the DOM. -
    • -
  • - React 使创建交互式 UI - 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React - 能高效更新并渲染合适的组件。 + They can also run on the server, letting you access your data layer + without having to build an API. You can pass data by props from + Server Components to the interactive Client Components in the + browser.
  • 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
-

-

-

-

-

-

-

-

-

-

-

-

-
-

React is a JavaScript library for building user interfaces.

+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ Since our last update, we have merged the React Server Components RFC + to ratify the proposal. +