React Native

Apollo Server

【ReactNative】GraphQL Backend 構築 ❶ 〜Apollo Server4・Nexus・Prisma・PostgreSQL〜

既に Apollo Server 3 ベースのバックエンドを稼働中だが、今回新しい環境を作ることになったので、Apollo Server 4 で行うことに!ライブラリ別相互関係頭の整理を含め、PostGreSQL や SQLite などの関...
Expo bare

【ReactNative】カスタマイズ可能な Undo/Redo 機能を実装する方法

この記事は 2023 年 10 月時点の記録です(2026 年 7 月 追記)この記事の実装は外部ライブラリに依存せず、React の標準機能だけで組み立てています。そのため現在でもそのまま動きます。past / present / fut...
Expo bare

React Navigation環境からExpo Routerに乗り換える方法〜React Native Paper〜

この記事は Expo SDK 49 時点の記録です(2026 年 7 月 追記)Expo Router に乗り換える流れ、React Native Paper のヘッダーを Appbar に差し替える考え方は今も同じです。ただし設定まわりで...
Expo.io

ScrollView のスクロールを内容に応じて ON・OFF する〜React Native〜

環境・条件React Native の初心者向けExpo 開発環境:v36.0.2ScrollView を関数コンポーネントで実装します。手順App.js を以下のように作成し、設定を追加していきます。// App.jsimport Rea...
Expo.io

React Context API と useReducer で状態管理する〜React Native〜

この記事は 2020 年当時の記録です(2026 年 7 月 追記)Context に dispatch を流し、各コンポーネントが useContext で受け取る——という設計は今も有効です。ただし 3 点、補足があります。1. uui...
React Native

React Native で UUID を安全に生成する方法〜Expo〜

この記事は 2020 年当時の記録です(2026 年 7 月 追記・重要)最初に、はっきりお伝えしておきます。本文の後半で紹介している seed() を使う方法は、現在は使わないでください。当時エラーを回避するために書いたものですが、生成さ...
React Native

material-bottom-tabsのTabを非表示する方法〜React navigation〜

この記事は 2020 年(React Navigation v5)時点の記録です(2026 年 7 月 追記)2 点、大きく変わりました。使っているパッケージが 2 度移されて、最終的に廃止されています。そして、タブを隠す方法についても公式...
Expo.io

Redux ToolkitでReduxを楽に使う〜React-Native〜

主なリソース・動作環境React-Native with managed Expo env.Redux Toolkit - createSlice、configureStore、Redux-thunk React Hooks - useRe...
Expo.io

[ReactNative/Expo] Paper と Navigation v5 で Twitter Clone アプリを作成する〜初心者向け〜

条件Expo: 36.0.0 / Expo-cli : 3.13.1macOS の Expo 開発環境でアプリを作成します。テキストエディタは Visual Studio Code を利用します。VScode の設定がまだの方は VSCod...
React

VSCode に乗り換えてはじめてやること!〜初心者向け〜

背景この記事は 2020 年当時の記録です(2026 年 7 月 追記)VSCode のインストール、拡張機能の入れ方、保存時の自動整形、テーマの変更、スニペットのカスタマイズ、カラーピッカーについては、現在も同じ考え方で使えます。ただし本...