React

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

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

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

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

【Amplify】stackのエラー解消法

amplify pushをしたときに発生したエラーについてです。 実際のエラーがこちら 🛑 An error occurred during the push operation: Stack:arn:aws...
React

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

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

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

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

【React Native】Expoのvector-iconsを使ってiconを表示する方法

expoでのicon使用方法についてまとめました。 React Nativeでiconを使用する場合、expoのpackageに含まれているvector-iconsが便利! 使用方法についてはこちらのドキュメントがあります。 ...
React Native

【React Native】コンポーネントのベースStyleを基に上書きする方法

Styleが設定されているコンポーネントに対し、 Styleを上書きをする方法をまとめました。 結論から言いますと、styleを配列として、配列の最後に上書きしたいstyleをpropsで渡す。これだけです! サンプルコードが...
git・インフラ・環境構築

ESlintの導入・使い方

Reactの開発をする際にJavaScriptの補完ライブラリとしてとっても便利なESlintの導入方法についてまとめました。 ESlintとは JavaScriptの静的解析ツールで、構文の誤りを検出します。 コードの...
git・インフラ・環境構築

Expoでアプリ作成を始める

Expoを使ったアプリ作成手順についてまとめました。 プロジェクトの作成 $ expo init --npm ✔ What would you like to name your app? … MemoApp ...
git・インフラ・環境構築

Expo環境構築〜Android/iOS Emulatorを立ち上げるまで

スマホアプリの作成にあたって、ローカル環境での動作確認のために必要となるEmulatorの設定方法と、そのために必要となるExpo等の設定方法をまとめました。 Expoとは Reactのための、framwork,platfor...