naturalclar.dev
React Native で React Compiler を有効にする
May 26, 2024先日、React Conf で React Compiler のオープンソース化が発表されました。 React Compiler について、詳しくは公式ドキュメントを参照してください。 簡単に言えば、今まで useMemo や useCallback を書いてメモ化していたものが react-compiler を用いて自動で行われるようになります。 react compiler を使うには基本的に...
Eslint/Prettier から biome に移行
May 22, 2024Eslint/Prettier から biome に移行する際のメモ。 biome のインストール 設定ファイルの生成 package.json の scripts に biome のコマンドを追加
React Native アプリで TypeScript の paths alias を適用する
April 13, 2024React Native で typescript の paths の alias を適用するにはいくつか方法がありますが、この記事では追加のライブラリを必要としない方法を紹介します。 Paths Alias とは typescript における paths の設定は適用すると特定のディレクトリからのインポートを相対的に行わずにかけるようになります。 例えば、Button というコンポーネントが ...
Windows の PowerShell で dotfiles にある neovim 用の init.vim を設定する方法
February 23, 2024最近 Windows で開発するようになったのでメモ。 普段は自分のdotfilesの .config/nvim/init.vim に nvim の設定を入れており、mac, linux はそれを読み込むようになっている。 Windows では "$env:USERPROFILE\AppData\Local\nvim\init.vim" においておくことによって nvim 起動時に init.vi...
patching-with-pnpm
January 06, 2024pnpm で node_modules 内のパッケージにパッチを当てる方法 プロジェクトで node_modules の中にある特定のパッケージに変更を加える必要がある場面に直面した。 yarn v1 での対応 以前はパッケージマネージャとして yarn v1 を採用していて、その時は patch-package を使うことで対応することができた。 https://github.com/ds300...
React Native の Native Module を Swift で書く
December 05, 2020この記事は React Native アドベントカレンダー の 5 日目の記事です。 この度、iOS 14 で新しく追加された機能である、UIButton に追加できる UIMenu を React Native で使う為の Native Component を作成しました。 以下のリポジトリで見る事ができて、自分が現在携わっているプロダクトでも活用しています。 https://github.co...
React Native 2020年の振り返り
December 03, 2020この記事は React Native アドベントカレンダー の 3 日目の記事です。 去年、React Native 2019 年の振り返りを書いたので、今年もやります。 それでは、振り返っていきましょう。 2020/01 今年の 1 月は React Native 0.62 の rc リリースを進めていたりと、外部的に目新しいイベントはなかった印象を受けます。 個人的なイベントとしては Reac...
React Europe Conference Day 1 まとめ
May 14, 20202020/05/14 に開催された React Europe を一部視聴していたのでそのレポートを書きます。 最近、この手の技術カンファレンスがオンラインでリアルタイムで見れる用になり、登壇者も世界中から参加できるようになりましたね。 React Europe ではオンラインカンファレンスの他に、２日に渡るオンラインワークショップもあり、React、React Native 関連の強い人からのオン...
What's coming up in React Native 0.63
April 20, 2020最近、React Native の最新バージョン、0.62 がリリースされました。 React Native 0.62 の新機能についてはこの記事にて記載しています。 そして、次のバージョンの Release Candidate である 0.63-rc.0 も新しくリリースされました。 この記事では、次のバージョン、React Native 0.63 で予定されている新機能についてまとめます。 R...
React Summit Remote Edition まとめ(前編)
April 18, 20202020/04/17 に開催された React Summit Remote Edition を視聴していたのでそのレポートを書きます。 コロナウィルスが蔓延っているなか、登壇者、実況者、参加者すべてがリモートで参加する盛大なイベントとなりました。 YouTube Live で視聴するのみなら参加費は無料（！）で大変ありがたかったです。 有料枠では、登壇者に質問できる Slack チャンネルや、登壇...