Skip to content

Commit

Permalink
Resolve conflicts with some untranslateed content
Browse files Browse the repository at this point in the history
  • Loading branch information
smikitky committed May 2, 2024
1 parent e2745fd commit 89425bb
Show file tree
Hide file tree
Showing 32 changed files with 89 additions and 454 deletions.
8 changes: 2 additions & 6 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,14 +19,10 @@
"tsc": "tsc --noEmit",
"start": "next start",
"postinstall": "patch-package && (is-ci || husky install .husky)",
<<<<<<< HEAD
"check-all": "npm-run-all prettier lint:fix tsc",
"check-all": "npm-run-all prettier lint:fix tsc rss",
"rss": "node scripts/generateRss.js",
"textlint": "cd textlint && yarn --frozen-lockfile && yarn textlint",
"textlint-staged": "cd textlint && yarn --frozen-lockfile && yarn textlint-staged --"
=======
"check-all": "npm-run-all prettier lint:fix tsc rss",
"rss": "node scripts/generateRss.js"
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
},
"dependencies": {
"@codesandbox/sandpack-react": "2.13.5",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "バンドルサイズゼロの React Server Components の紹介"
=======
title: "Introducing Zero-Bundle-Size React Server Components"
author: Dan Abramov, Lauren Tan, Joseph Savona, and Sebastian Markbage
date: 2020/12/21
description: 2020 has been a long year. As it comes to an end we wanted to share a special Holiday Update on our research into zero-bundle-size React Server Components.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

December 21, 2020 by [Dan Abramov](https://twitter.com/dan_abramov), [Lauren Tan](https://twitter.com/potetotes), [Joseph Savona](https://twitter.com/en_JS), and [Sebastian Markbåge](https://twitter.com/sebmarkbage)
Expand Down
4 changes: 0 additions & 4 deletions src/content/blog/2021/06/08/the-plan-for-react-18.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "React 18に向けてのプラン"
=======
title: "The Plan for React 18"
author: Andrew Clark, Brian Vaughn, Christine Abernathy, Dan Abramov, Rachel Nabors, Rick Hanlon, Sebastian Markbage, and Seth Webster
date: 2021/06/08
description: The React team is excited to share a few updates. We’ve started work on the React 18 release, which will be our next major version. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. We’ve published a React 18 Alpha so that library authors can try it and provide feedback...
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

June 8, 2021 by [Andrew Clark](https://twitter.com/acdlite), [Brian Vaughn](https://github.com/bvaughn), [Christine Abernathy](https://twitter.com/abernathyca), [Dan Abramov](https://twitter.com/dan_abramov), [Rachel Nabors](https://twitter.com/rachelnabors), [Rick Hanlon](https://twitter.com/rickhanlonii), [Sebastian Markbåge](https://twitter.com/sebmarkbage), and [Seth Webster](https://twitter.com/sethwebster)
Expand Down
4 changes: 0 additions & 4 deletions src/content/blog/2021/12/17/react-conf-2021-recap.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "React Conf 2021 振り返り"
=======
title: "React Conf 2021 Recap"
author: Jesslyn Tannady and Rick Hanlon
date: 2021/12/17
description: Last week we hosted our 6th React Conf. In previous years, we've used the React Conf stage to deliver industry changing announcements such as React Native and React Hooks. This year, we shared our multi-platform vision for React, starting with the release of React 18 and gradual adoption of concurrent features.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

December 17, 2021 by [Jesslyn Tannady](https://twitter.com/jtannady) and [Rick Hanlon](https://twitter.com/rickhanlonii)
Expand Down
4 changes: 0 additions & 4 deletions src/content/blog/2022/03/08/react-18-upgrade-guide.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "React 18 アップグレードガイド"
=======
title: "How to Upgrade to React 18"
author: Rick Hanlon
date: 2022/03/08
description: As we shared in the release post, React 18 introduces features powered by our new concurrent renderer, with a gradual adoption strategy for existing applications. In this post, we will guide you through the steps for upgrading to React 18.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

March 08, 2022 by [Rick Hanlon](https://twitter.com/rickhanlonii)
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "React Labs: 私達のこれまでの取り組み - 2022年6月版"
=======
title: "React Labs: What We've Been Working On – June 2022"
author: Andrew Clark, Dan Abramov, Jan Kassens, Joseph Savona, Josh Story, Lauren Tan, Luna Ruan, Mengdi Chen, Rick Hanlon, Robert Zhang, Sathya Gunasekaran, Sebastian Markbage, and Xuan Huang
date: 2022/06/15
description: React 18 was years in the making, and with it brought valuable lessons for the React team. Its release was the result of many years of research and exploring many paths. Some of those paths were successful; many more were dead-ends that led to new insights. One lesson we’ve learned is that it’s frustrating for the community to wait for new features without having insight into these paths that we’re exploring.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

June 15, 2022 by [Andrew Clark](https://twitter.com/acdlite), [Dan Abramov](https://twitter.com/dan_abramov), [Jan Kassens](https://twitter.com/kassens), [Joseph Savona](https://twitter.com/en_JS), [Josh Story](https://twitter.com/joshcstory), [Lauren Tan](https://twitter.com/potetotes), [Luna Ruan](https://twitter.com/lunaruan), [Mengdi Chen](https://twitter.com/mengdi_en), [Rick Hanlon](https://twitter.com/rickhanlonii), [Robert Zhang](https://twitter.com/jiaxuanzhang01), [Sathya Gunasekaran](https://twitter.com/_gsathya), [Sebastian Markbåge](https://twitter.com/sebmarkbage), and [Xuan Huang](https://twitter.com/Huxpro)
Expand Down
4 changes: 0 additions & 4 deletions src/content/blog/2023/03/16/introducing-react-dev.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "react.dev のご紹介"
=======
title: "Introducing react.dev"
author: Dan Abramov and Rachel Nabors
date: 2023/03/16
description: Today we are thrilled to launch react.dev, the new home for React and its documentation. In this post, we would like to give you a tour of the new site.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

March 16, 2023 by [Dan Abramov](https://twitter.com/dan_abramov) and [Rachel Nabors](https://twitter.com/rachelnabors)
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "React Labs: 私達のこれまでの取り組み - 2023年3月版"
=======
title: "React Labs: What We've Been Working On – March 2023"
author: Joseph Savona, Josh Story, Lauren Tan, Mengdi Chen, Samuel Susla, Sathya Gunasekaran, Sebastian Markbage, and Andrew Clark
date: 2023/03/22
description: In React Labs posts, we write about projects in active research and development. We've made significant progress on them since our last update, and we'd like to share what we learned.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

March 22, 2023 by [Joseph Savona](https://twitter.com/en_JS), [Josh Story](https://twitter.com/joshcstory), [Lauren Tan](https://twitter.com/potetotes), [Mengdi Chen](https://twitter.com/mengdi_en), [Samuel Susla](https://twitter.com/SamuelSusla), [Sathya Gunasekaran](https://twitter.com/_gsathya), [Sebastian Markbåge](https://twitter.com/sebmarkbage), and [Andrew Clark](https://twitter.com/acdlite)
Expand Down
4 changes: 0 additions & 4 deletions src/content/blog/2023/05/03/react-canaries.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "React Canary: Meta 外での段階的な新機能導入"
=======
title: "React Canaries: Enabling Incremental Feature Rollout Outside Meta"
author: Dan Abramov, Sophie Alpert, Rick Hanlon, Sebastian Markbage, and Andrew Clark
date: 2023/05/03
description: We'd like to offer the React community an option to adopt individual new features as soon as their design is close to final, before they're released in a stable version--similar to how Meta has long used bleeding-edge versions of React internally. We are introducing a new officially supported [Canary release channel](/community/versioning-policy#canary-channel). It lets curated setups like frameworks decouple adoption of individual React features from the React release schedule.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

May 3, 2023 by [Dan Abramov](https://twitter.com/dan_abramov), [Sophie Alpert](https://twitter.com/sophiebits), [Rick Hanlon](https://twitter.com/rickhanlonii), [Sebastian Markbåge](https://twitter.com/sebmarkbage), and [Andrew Clark](https://twitter.com/acdlite)
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
---
<<<<<<< HEAD
title: "React Labs: 私達のこれまでの取り組み - 2024年2月版"
=======
title: "React Labs: What We've Been Working On – February 2024"
author: Joseph Savona, Ricky Hanlon, Andrew Clark, Matt Carroll, and Dan Abramov
date: 2024/02/15
description: In React Labs posts, we write about projects in active research and development. We’ve made significant progress since our last update, and we’d like to share our progress.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
---

February 15, 2024 by [Joseph Savona](https://twitter.com/en_JS), [Ricky Hanlon](https://twitter.com/rickhanlonii), [Andrew Clark](https://twitter.com/acdlite), [Matt Carroll](https://twitter.com/mattcarrollcode), and [Dan Abramov](https://twitter.com/dan_abramov).
Expand Down Expand Up @@ -59,11 +55,7 @@ JavaScript は、そのルールの緩さと動的な性質のために、最適
</form>
```

<<<<<<< HEAD
この `action` 関数は同期的にも非同期的にも動作します。クライアント側で標準の JavaScript を使用して定義することもできますし、[`'use server'`](/reference/react/use-server) ディレクティブを使用してサーバ側で定義することも可能です。アクションを使用することで、React がデータ送信に関するライフサイクルを管理するようになり、[`useFormStatus`](/reference/react-dom/hooks/useFormStatus)[`useFormState`](/reference/react-dom/hooks/useFormState) などのフックを通じて、現在の送信ステータスやフォームアクションのレスポンスにアクセスできるようになります。
=======
The `action` function can operate synchronously or asynchronously. You can define them on the client side using standard JavaScript or on the server with the [`'use server'`](/reference/rsc/use-server) directive. When using an action, React will manage the life cycle of the data submission for you, providing hooks like [`useFormStatus`](/reference/react-dom/hooks/useFormStatus), and [`useActionState`](/reference/react/useActionState) to access the current state and response of the form action.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
この `action` 関数は同期的にも非同期的にも動作します。クライアント側で標準の JavaScript を使用して定義することもできますし、[`'use server'`](/reference/rsc/use-server) ディレクティブを使用してサーバ側で定義することも可能です。アクションを使用することで、React がデータ送信に関するライフサイクルを管理するようになり、[`useFormStatus`](/reference/react-dom/hooks/useFormStatus)[`useActionState`](/reference/react/useActionState) などのフックを通じて、現在の送信ステータスやフォームアクションのレスポンスにアクセスできるようになります。

デフォルトでは、アクションは[トランジション](/reference/react/useTransition)内で送信されるため、アクションが処理されている間も現在のページをインタラクティブに保ちます。アクションは非同期関数をサポートしているため、トランジション内で `async/await` を使用する機能も追加しました。これにより、`fetch` のような非同期リクエストが開始されたときにトランジションの `isPending` 状態を使って保留中 (pending) UI を表示できるようになり、更新の適用が完了するまで保留中 UI を表示し続けることができます。

Expand All @@ -83,21 +75,13 @@ Canary は我々の新しい React 開発方法です。これまで、新機能

React Server Components、アセットローディング、ドキュメントメタデータ、およびアクションは、すべて React Canary で導入済みであり、これらの機能に関するドキュメントは react.dev に追加されています。

<<<<<<< HEAD
- **ディレクティブ**[`"use client"`](/reference/react/use-client)[`"use server"`](/reference/react/use-server) はフルスタック React フレームワーク用に設計されたバンドラ機能であり、2 つの環境間の「切り離しポイント」をマークします。`"use client"` はバンドラに `<script>` タグを生成するよう指示し([Astro Islands](https://docs.astro.build/en/concepts/islands/#creating-an-island) のように)、`"use server"` はバンドラに POST エンドポイントを生成するよう指示します([tRPC Mutations](https://trpc.io/docs/concepts) のように)。これらが協調して働くことで、クライアント側でのユーザ操作と関連するサーバ側のロジックが組み合わさった、再利用可能なコンポーネントを書くことが可能になります。
=======
- **Directives**: [`"use client"`](/reference/rsc/use-client) and [`"use server"`](/reference/rsc/use-server) are bundler features designed for full-stack React frameworks. They mark the "split points" between the two environments: `"use client"` instructs the bundler to generate a `<script>` tag (like [Astro Islands](https://docs.astro.build/en/concepts/islands/#creating-an-island)), while `"use server"` tells the bundler to generate a POST endpoint (like [tRPC Mutations](https://trpc.io/docs/concepts)). Together, they let you write reusable components that compose client-side interactivity with the related server-side logic.
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
- **ディレクティブ**[`"use client"`](/reference/rsc/use-client)[`"use server"`](/reference/rsc/use-server) はフルスタック React フレームワーク用に設計されたバンドラ機能であり、2 つの環境間の「切り離しポイント」をマークします。`"use client"` はバンドラに `<script>` タグを生成するよう指示し([Astro Islands](https://docs.astro.build/en/concepts/islands/#creating-an-island) のように)、`"use server"` はバンドラに POST エンドポイントを生成するよう指示します([tRPC Mutations](https://trpc.io/docs/concepts) のように)。これらが協調して働くことで、クライアント側でのユーザ操作と関連するサーバ側のロジックが組み合わさった、再利用可能なコンポーネントを書くことが可能になります。

- **ドキュメントメタデータ**:コンポーネントツリーのどこからでも [`<title>`](/reference/react-dom/components/title)[`<meta>`](/reference/react-dom/components/meta)、およびメタデータ用 [`<link>`](/reference/react-dom/components/link) タグをレンダーできるようにするための組み込みサポートを追加しました。これらは、完全にクライアントのみのコード、SSR、および RSC を含むすべての環境において、同様に機能します。これにより、[React Helmet](https://github.com/nfl/react-helmet) などのライブラリが先行して切り開いた機能に対するサポートが、組み込みで提供されるようになります。

- **アセットローディング**:スタイルシート、フォント、スクリプトなどのリソースのローディングライフサイクルをサスペンス (Suspense) と統合し、React が [`<style>`](/reference/react-dom/components/style)[`<link>`](/reference/react-dom/components/link)[`<script>`](/reference/react-dom/components/script) などの要素に対応する内容の表示準備ができているかどうか判断する際にこれを考慮するようにしました。また、リソースがいつロードおよび初期化されるべきかをより細かく制御するために、`preload``preinit` などの新しい [リソースローディング API](/reference/react-dom#resource-preloading-apis) を追加しました。

<<<<<<< HEAD
- **アクション**: 上記で述べた通り、クライアントからサーバへのデータ送信を管理する機能であるアクションを追加しました。[`<form/>`](/reference/react-dom/components/form) などの要素に `action` を追加し、[`useFormStatus`](/reference/react-dom/hooks/useFormStatus) で送信ステータスを取得し、[`useFormState`](/reference/react-dom/hooks/useFormState) で結果を処理し、[`useOptimistic`](/reference/react/useOptimistic) で UI を楽観的に更新することが可能です。
=======
- **Actions**: As shared above, we've added Actions to manage sending data from the client to the server. You can add `action` to elements like [`<form/>`](/reference/react-dom/components/form), access the status with [`useFormStatus`](/reference/react-dom/hooks/useFormStatus), handle the result with [`useActionState`](/reference/react/useActionState), and optimistically update the UI with [`useOptimistic`](/reference/react/useOptimistic).
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
- **アクション**: 上記で述べた通り、クライアントからサーバへのデータ送信を管理する機能であるアクションを追加しました。[`<form/>`](/reference/react-dom/components/form) などの要素に `action` を追加し、[`useFormStatus`](/reference/react-dom/hooks/useFormStatus) で送信ステータスを取得し、[`useActionState`](/reference/react/useActionState) で結果を処理し、[`useOptimistic`](/reference/react/useOptimistic) で UI を楽観的に更新することが可能です。

これらの機能はすべて連携して動作するため、個別に安定版チャンネルでリリースすることは困難です。フォームステータスを取得するためのフックによる補完なしでアクションをリリースすれば、実用的な有用性は限定されてしまうでしょう。React Server Components をサーバアクションと統合せずに導入すれば、サーバ上のデータを変更することが大変になってしまうでしょう。

Expand Down
6 changes: 1 addition & 5 deletions src/content/blog/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,6 @@ React チームからの公式な更新のお知らせはこのブログに掲

<div className="sm:-mx-5 flex flex-col gap-5 mt-12">

<<<<<<< HEAD
<BlogCard title="React Labs: 私達のこれまでの取り組み - 2024年2月版" date="February 15, 2024" url="/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024">
=======
<BlogCard title="React 19 Beta " date="April 25, 2024" url="/blog/2024/04/25/react-19">

In the React 19 Beta Upgrade Guide, we shared step-by-step instructions for upgrading your app to React 19 Beta. In this post, we'll give an overview of the new features in React 19, and how you can adopt them.
Expand All @@ -29,8 +26,7 @@ The improvements added to React 19 require some breaking changes, but we've work

</BlogCard>

<BlogCard title="React Labs: What We've Been Working On – February 2024" date="February 15, 2024" url="/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024">
>>>>>>> 9e1f5cd590fd066e72dda9022237bee30b499951
<BlogCard title="React Labs: 私達のこれまでの取り組み - 2024年2月版" date="February 15, 2024" url="/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024">

React Labs 記事では、現在活発に研究・開発が行われているプロジェクトについて述べていきます。前回のアップデート以降に、React Compiler、新機能、React 19 に関する大きな進展がありましたので、我々が学んだことを共有していきます。

Expand Down
Loading

0 comments on commit 89425bb

Please sign in to comment.