カテゴリー「React」に関連するページ一覧 2ページ目

Reactの環境にmonaco-editorを導入する方法を紹介します。monaco-editorとはVSCodeの元にもなっている、高性能のWebエディタです。まずはmonaco-editorをイン...

React+TypeScriptの環境で、ファイル選択のコンポーネントを作成します。最低限の機能ですが、以下のように実装します。複数のファイルが選択できるように、選択したファイルは配列でstateで保...

React ファイル選択のコンポーネントを作成するで、ファイル選択のコンポーネントを作成しました。このコンポーネントに対して、ドラッグ＆ドロップでファイルを選択できる機能を追加します。ドラッグ時の挙動...

React+TypeScriptの環境で、createContextを使用して、グローバルな状態State（グローバル変数）を作成します。まずは以下のようにグローバル変数の型を作成します。今回はApp...

React+TypeScriptの環境でクリップボードにコピーしたファイルを貼り付ける方法を紹介します。React ドラッグ&ドロップでファイルを選択するで紹介したコンポーネントの、ドラッグアンドドロ...

React+TypeScriptの環境で、選択した画像ファイルを画面に表示するプレビュー機能を実装します。React クリップボードにコピーしたファイルを貼り付けるで作成したコンポーネントに対して修正...

React+TypeScriptの環境で、Recoilを使用して、グローバルな状態State（グローバル変数）を作成します。React createContextでグローバルなStateを作成するでc...

ReactのプロジェクトにEditorConfigを導入して、文字コードや改行コードを統一します。文字コードや改行コードを統一することにより、複数人で作業したときに、文字コードや改行コードが勝手に変わ...