React Native で React Compiler を有効にする
先日、React Conf で React Compiler のオープンソース化が発表されました。 React Compiler について、詳しくは公式ドキュメントを参照してください。 簡単に言えば、今まで useMemo や useCallback を書いてメモ化していたものが react-compiler を用いて自動で行われるようになります。 react compiler を使うには基本的に...
Eslint/Prettier から biome に移行
Eslint/Prettier から biome に移行する際のメモ。 biome のインストール 設定ファイルの生成 package.json の scripts に biome のコマンドを追加
React Native アプリで TypeScript の paths alias を適用する
React Native で typescript の paths の alias を適用するにはいくつか方法がありますが、この記事では追加のライブラリを必要としない方法を紹介します。 typescript における paths の設定は適用すると特定のディレクトリからのインポートを相対的に行わずにかけるようになります。 例えば、Button というコンポーネントが src/components/...
Windows の PowerShell で dotfiles にある neovim 用の init.vim を設定する方法
最近 Windows で開発するようになったのでメモ。 普段は自分のdotfilesの .config/nvim/init.vim に nvim の設定を入れており、mac, linux はそれを読み込むようになっている。 Windows では "$env:USERPROFILE\AppData\Local\nvim\init.vim" においておくことによって nvim 起動時に init.vi...
pnpm で node_modules 内のパッケージにパッチを当てる方法
プロジェクトで node_modules の中にある特定のパッケージに変更を加える必要がある場面に直面した。 以前はパッケージマネージャとして yarn v1 を採用していて、その時は patch-package を使うことで対応することができた。 patch-package を使う際はまず node_modules の中身のファイルを必要に応じて書き換えて、その後に以下のコマンドを使うことでパッ...
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...
React Europe Conference Day 1 まとめ
2020/05/14 に開催された React Europe を一部視聴していたのでそのレポートを書きます。 最近、この手の技術カンファレンスがオンラインでリアルタイムで見れる用になり、登壇者も世界中から参加できるようになりましたね。 React Europe ではオンラインカンファレンスの他に、２日に渡るオンラインワークショップもあり、React、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 チャンネルや、登壇...