まぁ、よくある development/statging/production の定数切り替えです。 いくつかライブラリを選定したのですが、最終的にreact-native-configを使うことにしました。理由は NativeModule を使っていて、双方で定数を共有したいからです。 NativeModule を使っていなければreact-native-dotenvでも大丈夫だと思い...

react-native でエラーメッセージなどを表示したいので、何かライブラリなどを選定していたら、react-native-dropdownalertが割と良さそうなので、react-native-router-fluxと一緒に使ってみました。 コードは GitHub に置いてあります。Snack Expo で実機でもすぐ試せます。 mitsuruog/react-native...

react-native プロダクトでベースとなる UI コンポーネントライブラリを探していたら、ちょうどいいタイミングで react-native-elements が v1 になったので使ってみることにしました。 v1 の目玉機能の一つに Theme があります。 基本的な使い方は、自身でカスタム Theme を作成してからThemeProviderにその Theme を渡すだけで...

react-native のプロジェクトでreact-styleguidistを使う方法です。 コードのサンプルは本家の方に PR 送ったのでこちらの見てください。 https://github.com/styleguidist/react-styleguidist/tree/master/examples/react-native 本家の方でコードが変わっている場合もあ...

react-native で Swift の Native module を呼び出す方法です。基本的には下の Blog のやり方を真似ています。 Swift in React Native - The Ultimate Guide Part 1: Modules 紹介する内容は次の通りです。 簡単な Counter を Native Module で実装した Nati...

react-native で Android の Native module を呼び出す方法です。基本的には下の公式ドキュメントのやり方を真似ていますが、一部そのままでは動作しなかった部分があるため、その辺りも紹介します。 Native Modules · React Native 紹介する内容は次の通りです。 簡単な Counter を Native Module で実...

（完全に自分用のメモです。） TypeScript+React+Redux を使うときに気に入って使っているtypesafe-actions。 意外なところでハマりポイントがありました。 Reducer で Action の型情報が見れない よくある Reducer。 export const weatherReducer = ( state: WeatherState = in...

（完全に自分用のメモです。） いくつか翻訳のプロジェクトを GitHub 持っているのですが、更新が年単位の間隔が開くことも珍しくないので、自分のために作業のワークフローを残しておこう。 Airbnb の JavaScript スタイルガイド https://github.com/mitsuruog/javascript-style-guide ...

この記事はファシリテーター Advent Calendar 2018 - Adventar 16 日目の記事です。 はじめに （たまには技術系じゃないことも書いてみようかな。。。） 私は 11 月までグローバルチームで働いていた隠れファシリテーターです。 現在は普通に日本企業で働いています。 内容は、ほぼこちらの本の読書感想文のようなものです。 タイトルに惹かれて買ってみたのですが、...

この記事はReact.js その 2 Advent Calendar 2018 8 日目の記事です。 半年くらい前に、React + Redux + redux-observable + TypeScript の実践的サンプルという記事を書いたのですが、Redux の action と reducer の部分の型があまりうまく定義できてなかったので、個人的  に課題だと感じていました。 ...