React

React

【React】create-react-app を使わずにReactアプリを立ち上げる

こちらの書籍より学ばせていただいた内容をまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Banks 著出版社: オライリージャ...
React

【React】React開発のためのJavaScript必須知識

こちらの書籍で学ばせていただいた内容をまとめました。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Banks 著出版社: オライリージャパン...
React

【React】カスタムフォントの適用方法

Reactでのカスタムフォントの使い方をまとめました! 親切なことに、create-react-appで作成するプロジェクトにデフォルトでカスタムフォントが使用されています! 以下にcreate-react-app で生成され...
React

【React】useEffect の実行タイミング

ReactのuseEffectについて、最近新たに知ったことがありましたのでまとめました! useEffectを使うことで、レンダリング時にその中の要素が実行されるのは、皆様ご承知の通りです。 実はそれに加えて、useEffe...
React

【React】childrenの使い方 と 型定義propTypes

Reactでは、子要素を扱うときに、そのようなメソッドが存在するわけではないですが、"children"というものを、共通認識で暗黙の了解で使用します。 そのchildrenの使い方についてまとめました。 子要素を渡すという概...
React

【React】Chakra UI 使ってみた

CSSフレームワークの中で、最近勢い(人気)のある、Chakra UIを使ってみましたので、使い方をまとめました。 まずは、何はともあれinstall。 install方法はこちらの公式ドキュメントに記載されています。 ...
React

【React】バージョン更新!5.0.0

create-react-appをしたら以下のメッセージが出たので、解決法をまとめました。 You are running create-react-app 4.0.3, which is behind the latest re...
React

【React】CSSフレームワーク

ReactでStyle簡単に当てられる便利なフレームワークをまとめました。 Chakra UI Material UI Tailwind CSS ...
React

【React】使ってスッキリ!”カスタムフック”

カスタムフックについて、こちらのUdemy講座で学ばせていただいたことをまとめました! 結論めちゃくちゃいいのでこの講座は本当におすすめです! Reactに入門した人のためのもっとReactが楽しくなるステッ...
React

【React】TypeScript基礎

Reactは、今やJavaScriptでなく、TypeScriptで書くのが一般的になっています。 ReactでのTypeScriptの使用について、基礎をまとめました! TypeScriptとは JavaScriptに...