React

JavaScriptのフレームワークReactに関するカテゴリーです。

JavaScript

【React Native】NativeWindを導入したときに、TypeScriptが警告を出す件

こんにちは、かつコーチです。 ReactNativeでNativeWindを利用しようとしたとき、TypeScriptが警告を出すことがありますね。 今回はそのときの対処方法について解説します。 対処方法 TypeScriptがNative...
React

【Next.js】バージョン指定して使いたいとき

こんにちは、かつコーチです。 Next.jsをインストールすると最新のものが入るけど、まだ対応できない。 または、バージョンを指定して使いたいときがありますね。 なかなか情報が少ないので、こちらに記しておきます。 例えば、バージョン13を使...
React

【Next.js】Next.js 13 から next/link の Linkコンポーネント が 常に aタグをレンダリングするようになった。

こんにちは、かつコーチです。 Next.js12までは、<a>タグを常にネストしなければいけませんでした。 import Link from 'next/link' // Next.js 12までは<a>タグを常にネストしな...
JavaScript

【React】FormのTextareaをコンポーネント化する方法を解説

こんにちは、かつコーチです。 Reactを扱っているとコンポーネントにすることがあると思います。 今回はFormでよく扱われるTextareaについてコンポーネントにする方法を解説します。 完成コード 使い分けが必要かと思いますが、2種類作...
JavaScript

【React基礎学習2】ReactのComponentについて解説

こんにちは、かつコーチです。 ReactはComponentベースで開発されています。 Reactのコンポーネントは、UIを独立した再利用可能な部品(部品やパーツ)として 構築する基本単位です。 コンポーネントは、アプリケーションの特定の機...
JavaScript

【React基礎学習1】Reactとは?

こんにちは、かつコーチです。 JavaScriptには多くのライブラリやフレームワークがあります。 そんな中でも最も人気急上昇しているのがReact.jsです。 React.js(単に React とも呼ばれます)は、Facebook(現在...