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 の部分の型があまりうまく定義できてなかったので、個人的 に課題だと感じていました。 ...
タイトル長くてすみません。 ひと昔前までは、react-create-appで作成したプロジェクトの webpack.config を上書きするには、ejectするしか方法がなかったのですが、現在は react-app-rewiredを使うことで上書きが可能です。 この方法を使った場合、react-create-app が提供するツールの動作保証対象外となります。つまり、これ以降発...