はじめてのReact NativeとDjango REST Frameworkスマホアプリ開発

React NativeとDjango REST Frameworkでスマホアプリを開発していきます。
はじめてReact Nativeをさわる方向けのチュートリアルになります。
Djangoと連携させて簡単なブログアプリを開発していきましょう。
React Nativeの状態管理はReduxを使用して、スタイルはTailwindCSSを使用します。
ExpoというReact Nativeのアプリ開発をサポートするフレームワークを使用しています。

スマホアプリが開発できるようになると、一気にアイデアの幅が広がります。
ぜひ参考にしてください。

■解説記事
https://zenn.dev/hathle/books/reactnative-drf-blog-book

■LINEお友達登録
個別にメッセージできます。
講座のソースコードも用意しています。
https://lin.ee/NKoTJnV

■目次
00:00 Intro
00:49 準備
03:20 モデル
04:18 URL
04:57 Serializer
05:37 ビュー
07:04 React Native構築
08:30 Androidシミュレーター
09:59 iOSシミュレーター
10:38 セットアップ
12:01 パッケージインストール
13:01 トップページ
14:16 ナビゲーション
17:17 ブログナビゲーション
20:08 ナビゲーションスタイル
23:34 SafeArea
24:38 Redux導入
31:59 ブログ一覧取得
35:15 ブログ詳細取得
39:15 最終動作確認

■学習内容
学習内容です。

・Django REST Frameworkでデータベース構築
・React Nativeを動かす方法
・Androidシミュレーター/iOSシミュレーター
・React NativeとDjango REST Frameworkの連携方法
・React Nativeでナビゲーション、画面遷移の方法

■機能

・トップページ
・ブログ一覧
・ブログ詳細

■フルスタックチャンネルQ&Aサイト
https://www.fullstackchannel.com/

■自己紹介
プログラミング講師のはるです。
大学では数学とプログラミングを専攻し、8年間車載開発に携わりました。
英語は得意ではありませんでしたが、国際カンファレンスに出席することがきっかけで英語を学び、30歳の新たな挑戦として海外に行くことを決意しました。
映画好きだったこともあり、カナダのバンクーバーでVFXを学び、モントリオールでハリウッド映画の製作に携わり、現在は、東京を拠点にして、独立しています。

NextJS + Djangoのプロダクト開発が得意です。

お仕事など気軽にご連絡ください。
よろしくお願いいたします。

■SNS
Twitter : https://twitter.com/hathle
Website : https://harusoft.net/
Zenn : https://zenn.dev/hathle
note : https://note.com/hathle

■タグ
#reactnative
#django
#python
#html
#css
#javascript
#フルスタック
#エンジニア
#プログラミング