KitchHike Tech Blog

KitchHike Product, Design and Engineering Teams

ReactNative

RN Features 2021年11月号 - Hermes がデフォルトになるために、React Native アドベントカレンダー 2021、Recoil v0.5 release、React Native フォームライブラリ「Formik」のご紹介

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native アドベントカレンダー 2021 Hermes がデフォルトになるために React Nativeへの最適化 Fabric用の新しいガーベッジコレクターの構…

RN Features 2021年10月号 - React Native Matsuri 2021、React Native 0.66 リリースアナウンス、大きなプロジェクトでTypeScript化を進めるための8つのtips

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 React Native Matsuri 2021のまとめ記事 React Native 0.66 リリースアナウンス ハイライト Nightlyリ…

RN Features 2021年9月号 - iOS 15, Android 12 に向けた準備, React Native バージョン 0.65.1 リリース, React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 iOS 15, Android 12 に向けた準備 iOS 15 QuickType Bar Transparent Navigation Bar シミュレーター A…

RN Features 2021年8月号 - React Native 0.65 のアナウンス、React Native EU 2021、Apple が iOSアプリ外での決済方法を提供

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 React Native 公式ブログより8月3つの記事が公開 8/17 React Native 0.65 のアナウンス 8/19 React Nat…

RN Features 2021年7月号 - React Native Japan から技術書展に出展, Re.Pack: Webpackベースのビルドツール, Expo 42

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 React Native イベント React 18 に向けてのプラン React Nativeでのエラーハンドリング Azure Notific…

歴史的変遷から理解を深める。社内勉強会で「Recoil の良さ」について発表しました。

こんにちは。キッチハイクのタクです。 キッチハイクでは定期的に社内勉強会を開催しています。 私も先日「状態管理の歴史を振り返り Recoil の良さを知る」というタイトルで発表しました。今回は発表スライドの共有とともに、発表の背景、 Recoil の良さを…

RN Features 2021年6月号 - React Native Matsuri 開催日決定, React 18 Alpha, Shopify が React Native アプリをどのように書いているか

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 Coinbase の React Native 記事 2本 stand.fmアプリのパフォーマンス改善話「推測するな、計測せよ」 R…

RN Features 2021年5月号 - React Native アプリのクリーンビルドコマンド, iOSでのHermesパフォーマンス, 決済サービス Stripe の React Native SDK

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの近況 React Native アプリのクリーンビルドコマンド React Native プロジェクトのクリーンアップを行うライブ…

コードを読んでやっと理解できた React の shouldComponentUpdate

PureComponent さえ使えばパフォーマンスを改善できるのか? パフォーマンスを改善したいとき、 PureComponent や React.memo を使うことがあると思います。しかし、 React の仕組みを理解していないと、 PureComponent などを使うだけでは不要な再レンダリン…

RN Features 2021年4月号 - React Native製のプリンター制御SDK, Recoil 0.2.0 リリース, Sentryでパフォーマンス計測

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの近況 React Nativeアプリ 7つのベストプラクティス Sentryでパフォーマンス計測ができるようになった Recoil …

RN Features 2021年3月号 - React Native 0.64 リリース, JSIを使った高速化の例, React Native コンポーネントライブラリの紹介

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの活動サマリー React Native 0.64 リリース Hermes opt-in on iOS Inline Requires enabled by default Hermes…

RN Features 2021年2月号 - React Native iOSでの画像キャッシュの仕組み, JCenterのクローズ問題, Redux / Context API / Recoilのパフォーマンス比較

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティ React Nativeでの画像キャッシュの仕組み(iOS) React Native 0.64 と 0.63.5 JCenter のクローズによる影響 Re…

RN Features 2021年1月号 - React Native 設計チェックポイント, React Core team, Wix のOSSプロジェクト運営

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに KitchHike式 React Native 設計チェックポイント Wix のOSSプロジェクト運営 React Native アプリの多言語対応もこれで楽になる? スケルトンUI…

RN Features 2020年12月号 - React Native Advent Calendar 2020, React Server Components, アップデートのハマりポイント事例

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Advent Calendar 2020 TECH STAND #2 React Native にLT登壇しました Flutter がWindowsデスクトップアプリに対応へ Wix Multi-Mo…

RN Features 2020年11月号 - React Navigation v6 ロードマップ, Wix の連載記事, Swift とのパフォーマンス比較

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Advent Calendar 2020 React Navigation v6 のロードマップをみんなで読もう iOS で Hermes を使えるようにするPRがマージされた …

RN Features 2020年10月号 - React v17.0 リリース, Node.js v15 リリース, リクルートの開発事例, 第5回 React Native Tech Blog LT

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React v17.0 リリース 新機能「なし」 大きな変更点はイベントデリゲーションに関するもの React 17 での破壊的変更は最小限に React Native で…

RN Features 2020年9月増刊号 - React Native パフォーマンス最適化, Hooks 導入事例, React Native Game Engine

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native コンポーネントのスケルトン React Native と Flutter のレンダリングについて調べた RAM bundle フレンドリーな index.js を作成…

RN Features 2020年9月号 - React Native Community公式のライブラリ検索ツール, Shopifyが実践するソフトウェア品質担保, iOS 14リリース

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに iOS14リリース Shopify が実践しているソフトウェア品質担保 Tophatting (トップハッティング)とは 要約 RNコミュニティ公式のReact Nativeラ…

RN Features 2020年7月号 - React Native v0.63 リリース、Expo SDK 38 リリース、Apple Silicon、書籍 Effective React Hooks

はじめに React Native v0.63 がリリースされましたね! キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native v0.63 リリース react-native-network-logger 書籍 Effective React Hooks Tesla, …

RN Features 2020年6月号 - サンプル動画付きReact Native Gallery, State管理ライブラリRecoil, react-native-reanimeted

はじめに キッチハイクのエンジニアメンバーで React Native の気になるニュースを持ち寄ってみました!書籍 React Native が発売されましたね! 自分はReact Native Meetup #10に参加して応募したところなんと当選しました!いま読んでいるので、来月のRN F…

RN Features 2020年5月号 - React Native v0.63の新機能、Shopifyの技術選定、 RNに対応したライブストリーミングSDK

はじめに キッチハイクのエンジニアメンバーで React Native の気になるニュースを持ち寄ってみました! はじめに React Summit Remote Edition まとめ(前編) React.memoについて調べてみた React のパフォーマンスチューニングの基本戦略 PureComponentの登…

React Native アプリでSwiftUI を利用する方法について調べてみた

Medium のReact Native Meets SwiftUI - Better Programming という記事が目に止まりました。React Native アプリでSwitfUI のコンポーネントを利用する話です。 React Naive からSwiftUI を利用する方法は、一部は独自の実装によって実現されていました。

RN Features 2020年4月号 - React Native で使えるクラッシュレポート, React Summit リモート開催, Expo SDK v37

はじめに キッチハイクのエンジニアメンバーで React Native の気になるニュースを持ち寄ってみました! RN Features 初のリモート編集号です! はじめに クラッシュレポートライブラリ Bugsnag React Native Bubble Select React NativeでApp StateとEvent …

RN Features 2020年3月号 - React Native v0.62 注目機能Flipper, Re-architecture, Discord のパフォーマンス改善

はじめに キッチハイクのエンジニアメンバーでReact Native の気になるニュースを持ち寄ってみました! はじめに ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASE開発チームブログ Flutter vs Native vs React-Nat…

React Nativeアプリのサイズを35%減らした話 Android編

CTOの Shoken です。キッチハイクアプリはReact Nativeで開発を始めて3年目に入りました。アプリのサイズは開発を続けるうちに大きくなっていってしまいます。この記事では React Native アプリが、どのファイルでサイズが大きくなっているかの分析と、Andro…

開発チームメンバーの全員が OSS 経験者。それぞれの向き合い方と得られた学び

はじめに キッチハイクエンジニアのタクです。先日react-native-appsflyerというリポジトリに不具合修正をコミットし、初めてマージされました。 キッチハイクの開発チームでは、普段利用しているOSSに対して、不具合を見つけたら可能な限りフィードバックや…

React Native のこれまでとこれから 2019年11月編

Expo の登場、Airbnb の離脱、Hermes の発表。React Native の開発の歴史を振り返ります。React Native のコミュニティについても調べてみました。React Native には本体のレポジトリだけでなく、リリースについてのレポジトリや、コミュニティの会話のため…

React Native + Expoで1年以上運用したCTOが集まってみた 後編

こんにちは、エンジニアの Miho です!Expo に関わるCTO達の座談会、 前編は React Native や Expo の仕組みについて理解を深めながら、導入のメリットや eject の必要性など、1年以上運用してきたからこそ語れる話題で盛り上がりました。 tech.kitchhike.co…

React Native + Expoで1年以上運用したCTOが集まってみた 前編

こんにちは、エンジニアの Miho です!キッチハイクでは React Native でのアプリ開発が3年目を迎えましたが、みなさんは Expo についてどのような印象を抱いていますか?いざ、React Native でアプリ開発!と思って調べてみると、セットで紹介されているこ…

lottie-react-nativeがAirbnbからコミュニティ主導になった影響とこれからの動き

Airbnb が React Native からネイティブアプリへ方針転換することを発表してから1年が経ちました。lottie-react-native の開発は Airbnb 社からコミュニティ中心に移り、継続されています。この記事では lottie-react-native 開発コミュニティの変遷と現状、…