Skip to content

Commit

Permalink
Resolve conflicts
Browse files Browse the repository at this point in the history
  • Loading branch information
smikitky committed Feb 6, 2024
1 parent cf9c7a8 commit aa71c9a
Show file tree
Hide file tree
Showing 9 changed files with 39 additions and 190 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,7 @@ June 15, 2022 by [Andrew Clark](https://twitter.com/acdlite), [Dan Abramov](http

<Intro>

<<<<<<< HEAD
[React 18](/blog/2022/03/29/react-v18) の完成は数年がかりの仕事であり、React チームはそこから貴重な教訓を得ることになりました。このリリースは何年も研究を行い、様々なアプローチを試した結果として生まれたものです。いくつかのアプローチはうまく行った一方で、多くは行き詰まって新たな知見のみをもたらすことになりました。ここから我々が学んだことは、我々がどんなことを試しているのかをコミュニティに知らせることなくただお待たせするというのは、フラストレーションの元だ、ということです。
=======
[React 18](/blog/2022/03/29/react-v18) 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.
>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281

</Intro>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,7 @@ March 22, 2023 by [Joseph Savona](https://twitter.com/en_JS), [Josh Story](https

<Intro>

<<<<<<< HEAD
React Labs 記事では、現在活発に研究・開発が行われているプロジェクトについて述べていきます。[前回のアップデート](/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022)から大きな進展がありましたので、我々が学んだことを共有していきます。
=======
In React Labs posts, we write about projects in active research and development. We've made significant progress on them since our [last update](/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022), and we'd like to share what we learned.
>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281

</Intro>

Expand Down
110 changes: 17 additions & 93 deletions src/content/community/team.md

Large diffs are not rendered by default.

57 changes: 12 additions & 45 deletions src/content/learn/start-a-new-react-project.md

Large diffs are not rendered by default.

14 changes: 1 addition & 13 deletions src/content/learn/tutorial-tic-tac-toe.md
Original file line number Diff line number Diff line change
Expand Up @@ -263,19 +263,11 @@ body {

このチュートリアルはローカル開発環境でも進めていくことができます。そのためには以下の手順が必要です。

<<<<<<< HEAD
1. [Node.js](https://nodejs.org/en/) をインストール
1. さきほど開いた CodeSandbox のタブで、左上隅のボタンを押してメニューを開き、そのメニューで **File > Export to ZIP** を選択して、ファイルをローカルにアーカイブとしてダウンロード
1. さきほど開いた CodeSandbox のタブで、左上隅のボタンを押してメニューを開き、そのメニューで **Download Sandbox** を選択して、ファイルをローカルにアーカイブとしてダウンロード
1. アーカイブを解凍し、ターミナルを開いて解凍したディレクトリに `cd` する
1. `npm install` で依存ライブラリをインストール
1. `npm start` でローカルサーバを起動し、プロンプト通りに操作し、ブラウザで実行されるコードを確認する
=======
1. Install [Node.js](https://nodejs.org/en/)
1. In the CodeSandbox tab you opened earlier, press the top-left corner button to open the menu, and then choose **Download Sandbox** in that menu to download an archive of the files locally
1. Unzip the archive, then open a terminal and `cd` to the directory you unzipped
1. Install the dependencies with `npm install`
1. Run `npm start` to start a local server and follow the prompts to view the code running in a browser
>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281

うまくいかない場合でもここで挫けるのは止めましょう! オンラインで進めて、後で再度ローカル環境のセットアップにトライしてください。

Expand Down Expand Up @@ -345,11 +337,7 @@ import './styles.css';
import App from './App';
```

<<<<<<< HEAD
1〜5 行目で、必要なすべての部品を取り出しています:
=======
Lines 1-5 bring all the necessary pieces together:
>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281

* React
* Web ブラウザとやり取りするための React ライブラリ (React DOM)
Expand Down
14 changes: 5 additions & 9 deletions src/content/reference/react-dom/components/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ React は、ブラウザ組み込みのすべての [HTML](https://developer.moz

## フォームコンポーネント {/*form-components*/}

以下のブラウザ内蔵コンポーネントはユーザからの入力を受け付けます
以下のブラウザ組み込みコンポーネントはユーザからの入力を受け付けます

* [`<input>`](/reference/react-dom/components/input)
* [`<select>`](/reference/react-dom/components/select)
Expand All @@ -32,25 +32,21 @@ React は、ブラウザ組み込みのすべての [HTML](https://developer.moz

---

<<<<<<< HEAD
## すべての HTML コンポーネント {/*all-html-components*/}
=======
## Resource and Metadata Components {/*resource-and-metadata-components*/}
## リソース・メタデータ関連コンポーネント {/*resource-and-metadata-components*/}

These bulit-in browser components let you load external resources or annotate the document with metadata:
以下のブラウザ組み込みコンポーネントを用いて、外部リソースを読み込んだり、ドキュメントにメタデータを付与したりすることができます。

* [`<link>`](/reference/react-dom/components/link)
* [`<meta>`](/reference/react-dom/components/meta)
* [`<script>`](/reference/react-dom/components/script)
* [`<style>`](/reference/react-dom/components/style)
* [`<title>`](/reference/react-dom/components/title)

They are special in React because React can render them into the document head, suspend while resources are loading, and enact other behaviors that are described on the reference page for each specific component.
これらが React にとって特別なのは、React がこれらをドキュメントの head 要素に入れることができ、リソースのロード中にサスペンドができ、また個々のコンポーネントのリファレンスページで説明されているような特別な挙動が有効になるからです。

---

## All HTML components {/*all-html-components*/}
>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
## すべての HTML コンポーネント {/*all-html-components*/}

React はブラウザ組み込みのすべての HTML コンポーネントをサポートしています。これには以下が含まれます。

Expand Down
7 changes: 1 addition & 6 deletions src/content/reference/react-dom/components/input.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,12 +34,7 @@ title: "<input>"

<Canary>

<<<<<<< HEAD
`formAction` に対する React の拡張は React の Canary および experimental リリースのみの機能です。React の安定版では `formAction`[組み込みブラウザコンポーネント](https://react.dev/reference/react-dom/components#all-html-components)の機能としてのみ動作します。[React のリリースチャンネルについてはこちら](/community/versioning-policy#all-release-channels)
=======
React's extensions to the `formAction` prop are currently only available in React's Canary and experimental channels. In stable releases of React, `formAction` works only as a [built-in browser HTML component](/reference/react-dom/components#all-html-components). Learn more about [React's release channels here](/community/versioning-policy#all-release-channels).

>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
`formAction` に対する React の拡張は React の Canary および experimental リリースのみの機能です。React の安定版では `formAction`[組み込みブラウザコンポーネント](/reference/react-dom/components#all-html-components)の機能としてのみ動作します。[React のリリースチャンネルについてはこちら](/community/versioning-policy#all-release-channels)
</Canary>

[`formAction`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#formaction): 文字列または関数。`type="submit"` and `type="image"` の場合に親の `<form action>` を上書きする。`action` に URL が渡された場合はフォームは標準的な HTML フォームとして動作する。関数が渡された場合はその関数がフォームの送信を処理する。[`<form action>`](/reference/react-dom/components/form#props) を参照。
Expand Down
8 changes: 2 additions & 6 deletions src/content/reference/react-dom/hooks/useFormState.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,14 +57,10 @@ function StatefulForm({}) {
#### 引数 {/*parameters*/}
<<<<<<< HEAD
* `fn`: フォームが送信されたりボタンが押されたりしたときに呼び出される関数。この関数が呼び出される際には、1 番目の引数としてはフォームの前回 state(初回は渡した `initialState`、2 回目以降は前回の返り値)を受け取り、次の引数としてはフォームアクションが通常受け取る引数を受け取ります。
* `initialState`: state の初期値として使いたい値。シリアライズ可能な任意の値です。この引数はアクションが一度呼び出された後は無視されます。
=======
* `fn`: The function to be called when the form is submitted or button pressed. When the function is called, it will receive the previous state of the form (initially the `initialState` that you pass, subsequently its previous return value) as its initial argument, followed by the arguments that a form action normally receives.
* `initialState`: The value you want the state to be initially. It can be any serializable value. This argument is ignored after the action is first invoked.
* **optional** `permalink`: A string containing the unique page URL that this form modifies. For use on pages with dynamic content (eg: feeds) in conjunction with progressive enhancement: if `fn` is a [server action](/reference/react/use-server) and the form is submitted before the JavaScript bundle loads, the browser will navigate to the specified permalink URL, rather than the current page's URL. Ensure that the same form component is rendered on the destination page (including the same action `fn` and `permalink`) so that React knows how to pass the state through. Once the form has been hydrated, this parameter has no effect.
>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281
* **省略可能** `permalink`: A string containing the unique page URL that this form modifies. For use on pages with dynamic content (eg: feeds) in conjunction with progressive enhancement: if `fn` is a [server action](/reference/react/use-server) and the form is submitted before the JavaScript bundle loads, the browser will navigate to the specified permalink URL, rather than the current page's URL. Ensure that the same form component is rendered on the destination page (including the same action `fn` and `permalink`) so that React knows how to pass the state through. Once the form has been hydrated, this parameter has no effect.
* **省略可能** `permalink`: このフォームが書き換えの対象とするユニークなページ URL を含んだ文字列。ダイナミックなコンテンツ(ページフィードなど)のあるページでプログレッシブエンハンスメントを組み合わせる場合に使用します。`fn` が[サーバアクション](/reference/react/use-server)でありフォームが JavaScript バンドルの読み込み完了前に送信された場合、ブラウザは現在のページ URL ではなくこの指定されたパーマリンク用 URL に移動するようになります。React が state を正しく受け渡せるよう、移動先となるページでも(アクション `fn``permalink` も含む)同じフォームが必ずレンダーされるようにしてください。フォームのハイドレーションが完了した後は、このパラメータ
{/* TODO T164397693: link to serializable values docs once it exists */}
Expand Down
11 changes: 1 addition & 10 deletions src/content/reference/react/use-server.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,21 +87,12 @@ async function addToCart(data) {
* [サーバアクション (server action)](/reference/react/use-server) としての関数
* [プロミス](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)

<<<<<<< HEAD
以下のものはサポートされていません。
* React 要素すなわち [JSX](https://react.dev/learn/writing-markup-with-jsx)
* React 要素すなわち [JSX](/learn/writing-markup-with-jsx)
* 関数。関数コンポーネントや、サーバアクションでない他のあらゆる関数を含む。
* [クラス](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Classes_in_JavaScript)
* 任意のクラスのインスタンス(上記の組み込みクラスを除く)や、[null プロトタイプのオブジェクト](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object#null-prototype_objects)
* グローバルに登録されていないシンボル、例:`Symbol('my new symbol')`
=======
Notably, these are not supported:
* React elements, or [JSX](/learn/writing-markup-with-jsx)
* Functions, including component functions or any other function that is not a Server Action
* [Classes](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Classes_in_JavaScript)
* Objects that are instances of any class (other than the built-ins mentioned) or objects with [a null prototype](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object#null-prototype_objects)
* Symbols not registered globally, ex. `Symbol('my new symbol')`
>>>>>>> 2372ecf920ac4cda7c900f9ac7f9c0cd4284f281


サポートされるシリアライズ可能な返り値は、クライアントコンポーネントに渡せる[シリアライズ可能な props](/reference/react/use-client#passing-props-from-server-to-client-components) の型と同じです。
Expand Down

0 comments on commit aa71c9a

Please sign in to comment.