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 機能を実装する方法

開発環境この記事では、以下の開発環境を前提としています。Undo/Redo 動作を理解するUndo/Redo 機能はアプリの状態 ( State ) の一部であり、それを実装するなら下記のようにその状態の履歴を追跡する必要があります。たとえ...
Expo bare

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

マテリアル デザインライブラリ・コンポーネントライブラリである React Native Paper を Expo Router と連携するための手順をご紹介します。React Native Paper + React Navigation...
Expo.io

ScrollView の Scroll 機能を ON・OFF して使おう!〜ReactNative〜

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

Reduxの代わりにReact Context APIでStateを管理してみる

条件・関連リソースこの記事のコードは react-with-redux-philosophy を React Native 用に修正したものです。この記事の構成:実装 ( Doing ) >>> 解説・説明 ( Explaining )Ex...
React Native

React Native で UUID を使うためには?!

環境・関連リソースmacOS Catalina 10.15.3Node.js v12.14.1expo 36.0.0react-native-get-random-values 1.3.0uuid 7.0.2uuidを使うユニークなランダム...
React Native

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

条件・関連リソースReact Navigation v5 + React Native Paper を使い React Native アプリを開発する時、createMaterialBottomTabNavigator で作成した Tab ...
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 に乗り換えてはじめてやること!〜初心者向け〜

背景プログラミングの為には、自分と合うテキストエディターを選ぶって大事ですね。状況によって求める機能なども変わって来ますし。。2015 年頃から Atom を最初に使用したが使えば使うほど重すぎて使えるものにならなかったので、Sublime...
スポンサーリンク