React Native で React Compiler を有効にする
先日、React Conf で React Compiler のオープンソース化が発表されました。 React Compiler について、詳しくは公式ドキュメントを参照してください。 簡単に言えば、今まで useMemo や useCallback を書いてメモ化していたものが react-compiler を用いて自動で行われるようになります。 react compiler を使うには基本的に...
React Native アプリで TypeScript の paths alias を適用する
React Native で typescript の paths の alias を適用するにはいくつか方法がありますが、この記事では追加のライブラリを必要としない方法を紹介します。 typescript における paths の設定は適用すると特定のディレクトリからのインポートを相対的に行わずにかけるようになります。 例えば、Button というコンポーネントが src/components/...
React Native の Native Module を Swift で書く
この記事は React Native アドベントカレンダー の 5 日目の記事です。 この度、iOS 14 で新しく追加された機能である、UIButton に追加できる UIMenu を React Native で使う為の Native Component を作成しました。 以下のリポジトリで見る事ができて、自分が現在携わっているプロダクトでも活用しています。 今回、このモジュールを Swift...
React Native 2020年の振り返り
この記事は React Native アドベントカレンダー の 3 日目の記事です。 去年、React Native 2019 年の振り返りを書いたので、今年もやります。 それでは、振り返っていきましょう。 今年の 1 月は React Native 0.62 の rc リリースを進めていたりと、外部的に目新しいイベントはなかった印象を受けます。 個人的なイベントとしては React Native...
What's coming up in React Native 0.63
最近、React Native の最新バージョン、0.62 がリリースされました。 React Native 0.62 の新機能についてはこの記事にて記載しています。 そして、次のバージョンの Release Candidate である 0.63-rc.0 も新しくリリースされました。 この記事では、次のバージョン、React Native 0.63 で予定されている新機能についてまとめます。 ま...
React Summit Remote Edition まとめ(前編)
2020/04/17 に開催された React Summit Remote Edition を視聴していたのでそのレポートを書きます。 コロナウィルスが蔓延っているなか、登壇者、実況者、参加者すべてがリモートで参加する盛大なイベントとなりました。 YouTube Live で視聴するのみなら参加費は無料（！）で大変ありがたかったです。 有料枠では、登壇者に質問できる Slack チャンネルや、登壇...
What's new in React Native 0.62
この記事は React Native Tech Blog #2 で発表した内容です。 React Native の最新バージョン、0.62 がリリースされました。 マイナーバージョンのアップデートは最後に行われたのが 2019年の9月なので半年ぶりのマイナーバージョンアップとなります。 この記事では 0.62 で新しくなったことについてまとめて行きます。 0.62は主に React Native ...
Future of React Native
この記事は Meguro.es #25 で登壇した内容です。 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って１週間足らずで達成できました。Community の一員になれた経緯はまた別の記事で書こうと思います。Community の一員として Contributors ...
React Native 2019年の振り返りと今後について
この記事は React Native アドベントカレンダーの 3 日目の記事です。 どうも、Naturalclar(@natural_clar) です。 普段の業務では、Expo ではなく react-native init で作成された、いわゆる素の React Native で開発しています。 先日のハムカツさんの記事が今年の Expo に対する振り返りをやっていたので。 自分の方は素の Re...
Contributing to Hacktoberfest
Hacktoberfest で貢献したい Issue メモ react-native 関連を中心的にやっていきたい。
Styles in React Native
meguro.css #7で発表すること。 CSS の勉強会に行くのは初めてなので、今回は基本的なところを抑えようという魂胆。 iOS や Android アプリなどのクロスプラットフォーム開発が出来るフレームワーク react を知っていれば似たような記法でかける。 <div>や<p>等といった Web で良く使うタグの代わりに、<View>や<Text>など独自のタグを使う。 react-na...
new hooks in react-navigation v4
react-navigation v4 で使える hooks api に新しく hooks が追加されました。 useFocusEffect useIsFocused useFocusEffect は使っている Screen に Focus があたった時、及び Focus が外れた時にサイドエフェクトを起こします。 useEffect の Screen 版のようなものですね。 useIsFocus...
テンプレートファイルを楽々作成する
React Native で開発していて、新しい Component を作成するとき、どういうファイルを作成するでしょう。 React を Import するので、当然、全てのファイルには と入ります。 基本的にはViewで Component を囲むし、何かしらの Style もつけるため、StyleSheetも必要となります。 class component か、function compon...