LoginSignup
13
7

More than 5 years have passed since last update.

React NativeでTwitterクライアントを作った

Last updated at Posted at 2018-07-07

はじめに

新卒エンジニア4ヶ月目。
Webやネイティブアプリに関する知識は全く無かったのでいろんなものを参考に自分でも作ってみる。
そろそろツイッタークライアントアプリを作りたくなってきたのでやってみた。コードの汚さは反省すべき点。

コードについて

Githubのここに上げてある。

Twitter APIについて

ネイティブの仕様とかOAuthとかで頭を悩ませていた中、こちらの記事で面倒なところをほとんどやってくれていたので遠慮なく使わせていただく。ありがとう@watanabe_yuさん,ありがとうQiitaさん,ありがとうnpmさん。

Reduxについて

Reduxでかっこよくアクション決めようと思ったが非同期処理はRedux-thunkやRedux-Sagaなどを使いこなせないと難しいようで、それ抜きでやったら死んだ。明日から本気出す。

AsyncStorageについて

アプリの起動のたびにログインするのが面倒だったのでAsyncStorageでトークンを保持することに。自分ではさっぱりわからなかったが、周囲の天才が教えてくれた。圧倒的感謝。

アプリについて

GET

自身のタイムラインを閲覧できる。検索は実装していないが見た感じ難しくなさそうなので次回以降にできたらやりたい。ちなみに画像中のHogeAccountは後述するPOSTで投稿したもの。RetweetやFavoriteのPOSTは実装していないが「いずれやりたい」のでボタンにはしている。
タブ切り替えでタイムラインの更新はできないが、RefreshControlは実装しているのでリストをシュッとやると更新できる(おねがい通じて)。
スクリーンショット 2018-07-07 19.15.54.png

POST

ツイートを投稿できる。文字列だけ。画像はImagePickerを使用しないといけないようで、色々面倒そうだったので次回以降に(以下略)。
スクリーンショット 2018-07-07 19.15.44.png

13
7
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
7