先日、React Conf で React Compiler のオープンソース化が発表されました。 React Compiler について、詳しくは公式ドキュメントを参照してください。 簡単に言えば、今まで useMemo や useCallback を書いてメモ化していたものが…
Eslint/Prettier から biome に移行する際のメモ。 biome のインストール pnpm i -d @biomejs/biome 設定ファイルの生成 pnpm biome init package.json の scripts に biome…
React Native で typescript の paths の alias を適用するにはいくつか方法がありますが、この記事では追加のライブラリを必要としない方法を紹介します。 Paths Alias とは typescript における paths…
最近 Windows で開発するようになったのでメモ。 普段は自分のdotfilesの .config/nvim/init.vim に nvim の設定を入れており、mac, linux はそれを読み込むようになっている。 Windows では "$env:USERPROFILE…
pnpm で node_modules 内のパッケージにパッチを当てる方法 プロジェクトで node_modules の中にある特定のパッケージに変更を加える必要がある場面に直面した。 yarn v1 での対応 以前はパッケージマネージャとして yarn v1 を採用していて…
この記事は React Native アドベントカレンダー の 5 日目の記事です。 この度、iOS 14 で新しく追加された機能である、UIButton に追加できる UIMenu を React Native で使う為の Native Component を作成しました。 r…
この記事は React Native アドベントカレンダー の 3 日目の記事です。 去年、React Native 2019 年の振り返りを書いたので、今年もやります。 それでは、振り返っていきましょう。 2020/01 今年の 1 月は React Native 0.62 の…
2020/05/14 に開催された React Europe を一部視聴していたのでそのレポートを書きます。 最近、この手の技術カンファレンスがオンラインでリアルタイムで見れる用になり、登壇者も世界中から参加できるようになりましたね。 React Europe…
最近、React Native の最新バージョン、0.62 がリリースされました。 React Native 0.62 の新機能についてはこの記事にて記載しています。 そして、次のバージョンの Release Candidate である 0.63-rc.0…
2020/04/17 に開催された React Summit Remote Edition を視聴していたのでそのレポートを書きます。 コロナウィルスが蔓延っているなか、登壇者、実況者、参加者すべてがリモートで参加する盛大なイベントとなりました。 YouTube Live…
この記事は React Native Tech Blog #2 で発表した内容です。 React Native の最新バージョン、0.62 がリリースされました。 マイナーバージョンのアップデートは最後に行われたのが 2…
この記事は Meguro.es #25 で登壇した内容です。 はじめに 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って1週間足らずで達成できました…
2019年振り返り 紅白みながらTL眺めてたら色んな人が今年を振り返っていたので、自分も活動記録を残すためにも今年を振り返ろうと思います。 今年はエンジニアとして本格的に活動をはじめた年だったので、とても濃い一年でした。 登壇 今年はWeb勉強会にてはじめて登壇した年でした。 ア…
最近 Macbook の容量がいっぱいになっていたので、ncdu を使って何が容量を食っているかをしらべてみたところ、 XCode の iOS Simulator が容量を食っていることが判明した。 XCode の iOS Simulator…
この記事は React Native アドベントカレンダーの 3 日目の記事です。 どうも、Naturalclar(@natural_clar) です。 普段の業務では、Expo ではなく react-native init で作成された、いわゆる素の React Native…
Hacktoberfest で貢献したい Issue メモ react-native 関連を中心的にやっていきたい。 react-native-tab-view https://github.com/react-native-community/react-native-tab…
meguro.css #7で発表すること。 CSS の勉強会に行くのは初めてなので、今回は基本的なところを抑えようという魂胆。 react-native とは iOS や Android アプリなどのクロスプラットフォーム開発が出来るフレームワーク react…
https://github.com/react-navigation/hooks react-navigation v4 で使える hooks api に新しく hooks が追加されました。 useFocusEffect useIsFocused useFocusEffe…
空き時間に手をつけて記事にしたいことメモ: svelte yet another framework なのか、React, Vue と何が違うのかを検証したい。 Storybook 5.2 Zero-config で作れるらしい。記法もだいぶ変わったみたいなので試してみる。 St…
React Native で開発していて、新しい Component を作成するとき、どういうファイルを作成するでしょう。 React を Import するので、当然、全てのファイルには import React from 'react' と入ります。 基本的にはViewで…
背景 react-native-cli の good first issue に取り組んでいた時に発見した話 Good first issue の内容は、Flow で書かれていたコードの TS 化である。 Issue 複数の引数がある関数にて、第 2 引数は使うが、第 1…
状態管理に redux を使っている人は以下の様なことをやりたいことがあるでしょう。 ログイン処理でフォームを Submit した時に API を叩いて、返ってきた Auth 情報を store に保持する。 ページを開いた時に API を叩いて、返ってきた Response…
Chrome Devtool でパッと document 上の全てを検索できるようになりたい人のメモ 参考 ショートカット command + option + i 検証ツールを開く。 command + option + j 検証ツールの console を開く Console…
このブログでやりたいこと code snippet にファイル名を追加する。 URL から oembed card を表示できるようにする typescript の Snippet を type error 込みで表示出来るようにする。 tsx の syntax…
こういうのは graphql に置くべきなのではと思いつつなぐり書き WEB エンジニア勉強会 #14 Date: 2019/08/30 (金) 19:15 〜 21:30 connpass Venue: 株式会社カサレアル 泉岳寺セミナールーム 東京都港区三田 3…