Apollo Server【ReactNative】GraphQL Backend 構築 ❶ 〜Apollo Server4・Nexus・Prisma・PostgreSQL〜
既に Apollo Server 3 ベースのバックエンドを稼働中だが、今回新しい環境を作ることになったので、Apollo Server 4 で行うことに！ ライブラリ別相互関係 頭の整理を含め、PostGreSQL や SQLite など...
React Native
Apollo Server
Expo bare【ReactNative】カスタマイズ可能な Undo/Redo 機能を実装する方法
開発環境 この記事では、以下の開発環境を前提としています。 Undo/Redo 動作を理解する Undo/Redo 機能はアプリの状態 ( State ) の一部であり、それを実装するなら下記のようにその状態の履歴を追跡する必要があります。...
Expo bareReact Navigation環境からExpo Routerに乗り換える方法〜React Native Paper〜
マテリアル デザインライブラリ・コンポーネントライブラリである React Native Paper を Expo Router と連携するための手順をご紹介します。React Native Paper + React Navigation...
Expo.ioScrollView の Scroll 機能を ON・OFF して使おう！〜ReactNative〜
環境・条件 React Native の初心者向け Expo 開発環境：v36.0.2 ScrollView を関数コンポーネントで実装します。 手順 App.js を以下のように作成し、設定を追加していきます。 // App.js imp...
Expo.ioReduxの代わりにReact Context APIでStateを管理してみる
条件・関連リソース この記事のコードは react-with-redux-philosophy を React Native 用に修正したものです。 この記事の構成：実装 ( Doing ) >>> 解説・説明 ( Explaining )...
React NativeReact Native で UUID を使うためには？！
環境・関連リソース macOS Catalina 10.15.3 Node.js v12.14.1 expo 36.0.0 react-native-get-random-values 1.3.0 uuid 7.0.2 uuidを使う ユニ...
React Nativematerial-bottom-tabsのTabを非表示する方法〜React navigation〜
条件・関連リソース React Navigation v5 + React Native Paper を使い React Native アプリを開発する時、createMaterialBottomTabNavigator で作成した Tab...
Expo.ioRedux ToolkitでReduxを楽に使う〜React-Native〜
主なリソース・動作環境 React-Native with managed Expo env. Redux Toolkit - createSlice、configureStore、Redux-thunk React Hooks - use...
Expo.io[ReactNative/Expo] Paper と Navigation v5 で Twitter Clone アプリを作成する〜初心者向け〜
条件 Expo: 36.0.0 / Expo-cli : 3.13.1 macOS の Expo 開発環境でアプリを作成します。 テキストエディタは Visual Studio Code を利用します。VScode の設定がまだの方は VS...
ReactVSCode に乗り換えてはじめてやること！〜初心者向け〜
背景 プログラミングの為には、自分と合うテキストエディターを選ぶって大事ですね。状況によって求める機能なども変わって来ますし。。 2015 年頃から Atom を最初に使用したが使えば使うほど重すぎて使えるものにならなかったので、Subli...