【徹底比較】Flutter VS React Native
はじめに 今回の記事では、モバイルアプリ開発として有名なフレームワークである「Flutter」と「React Native」両方の特徴、決定的な違いを徹底解説する。 2022年11月現在では、モバイルアプリ開発としてFlutterが屈指の人気を誇っている。ところが、実はモバイルアプリを開発できるフレームワークはFlutter一択ではない。Flutter以外にモバイルアプリを開発できるフレームワークとしては、Meta(旧Facebook社)が開発したReact Nativeが挙げられる。 両者はどう違うのか。なぜ開発で使われているのか―そこで、今回の記事では特徴や課題点を徹底解説する。 本記事の対象読者 モバイルアプリ開発で生計を立てているプログラマー Flutter、React Native両者の特徴を知りたい人 モバイルアプリ開発案件を検討中で技術選定をされている人 本記事のタイトルが気
Announcing React Native 0.70 · React Native
We are excited to release a new version of React Native, 0.70.0. This version comes with several improvements like a new unified configuration for Codegen, Hermes as default engine, and full CMake support for Android builds along with a refresh of the documentation for the New Architecture. Read on to learn more! Sections New Architecture’s New Documentation Hermes as default engine A new unified
FlashList - super fast list for react native
Fast & Performant React Native List No more blank cells Swap from FlatList in seconds. Get instant performance. Similar props. Instant performance. Even with the similar props as the React Native FlatList, FlashList recycles components under the hood to maximize performance. <FlashList renderItem={({ item }) => { return <TweetCell item={item} />; }} estimatedItemSize={50} data={tweets} />;
Deep dive into React Native’s New Architecture
The React Native team has announced that the new architecture will be rolled out in 2022. Checkout their full blog here. “2022 is going to be the year of the New Architecture in open source” Since the release is just around the corner, this is a good time to understand what changes are taking place under the hood and how they might affect your React Native App. This article aims to cover the most
2021年 React Native のアクセシビリティを勝手に振り返る
この記事は React Native アドベントカレンダー 2021 の 6 日目の記事です。 2021 年の React Native のアクセシビリティを勝手に振り返ります。 モバイルアプリのアクセシビリティ事情 まずは、モバイルアプリ事情を勝手に振り返ります。 モバイルアプリでのスクリーンリーダー使用率が増えてきた WebAIM では、スクリーンリーダー使用者を対象とした "Screen Reader User Survey" を大体2年ごとに実施しています。 今年度の WebAIM: Screen Reader User Survey #9 は 5 月から 6 月までに行われました。 この調査では"Mobile App vs Web Site Usage"（モバイル端末で Web とモバイルアプリどちらをよく使用するか？）という項目があるのですが、「モバイルアプリ」と回答したユーザ
React Native アクセシビリティ対応をわかるための記事: フォーカス編
前回「React Native のアクセシビリティ対応について知るための入門記事」の続きです。 フォーカス可能なコンポーネントについて知る 前回の記事では、スクリーンリーダーを特定のコンポーネントにフォーカスさせて、情報を読み上げたり、操作したり、色々やりました。 この「支援技術がフォーカス可能」な状態になるためには、ちょっとしたルールがあります。 対応次第では逆にフォーカスできなくなってしまうので、ルールを知っておく必要があります。 accessible まず、「デフォルトでフォーカス不可能」なコンポーネントにフォーカスする場合は accessible: boolean という Props が必要となります。 「デフォルトでフォーカス不可能」なコンポーネントは、View や Image などです。 では、逆に「デフォルトでフォーカス可能」なコンポーネントとは何でしょうか？ 答えは、内部で
RN Features 2021年12月号 - React Native アドベントカレンダー 2021, ニュースレター React Native Now, React Native で Liquid Swipe を実装するための4つの技術 - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！ はじめに React Native アドベントカレンダー 2021 M1 Mac + Xcode 12.5.1でReact Native 0.65 アプリのビルド時に出たエラーと対応 React Native で Liquid Swipe を実装するための4つの技術 React Navigation (V6)の設計方針に関するTips ニュースレター React Native Now React Native Advent Calendar 2021 に記事を投稿しました React Native で Liquid Swipe を実装するための4つの技術 JavaScript製フルスタックフレームワーク Redwood.js SVGRを使ってsvgファイルをReactコンポーネント
RN Features 2021年11月号 - Hermes がデフォルトになるために、React Native アドベントカレンダー 2021、Recoil v0.5 release、React Native フォームライブラリ「Formik」のご紹介 - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！ はじめに React Native アドベントカレンダー 2021 Hermes がデフォルトになるために React Nativeへの最適化 Fabric用の新しいガーベッジコレクターの構築 パフォーマンス上の問題点を克服 垂直統合の先駆者 コミュニティ全体を巻き込む サマリ Recoil v0.5 release Hook for refreshing selectors Atom effect improvements Loadable factories JavaScript用ツールの多くがRust製になっていっている話 React Native フォームライブラリ「Formik」のご紹介 宇宙関連のアプリ Stellar のご紹介 さいごに We're Hiring 技術
Toward Hermes being the Default · React Native
2024React Native 0.75 - Support for Percentage Values in Layout, New Architecture Stabilization, Template & init Updates, and moreUse a framework to build React Native appsReact Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more2023React Native 0.73 - Debugging Improvements, Stable Symlink Support, and moreReact Native 0.72 - Symlink Support, Better Errors, and morePackage Exports Suppo
RN Features 2021年10月号 - React Native Matsuri 2021、React Native 0.66 リリースアナウンス、大きなプロジェクトでTypeScript化を進めるための8つのtips - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！ はじめに React Native Japanコミュニティの1ヶ月 React Native Matsuri 2021のまとめ記事 React Native 0.66 リリースアナウンス ハイライト Nightlyリリース Commitlyリリース Shopify の複数アプリ間でのコード再利用について Expo 43 beta 大きなプロジェクトでTypeScript化を進めるための8つのtips NativeBase のご紹介 rn-css のご紹介 さいごに We're Hiring 技術書典 11に共著で出展しました！キッチハイクアプリの事例も掲載されています。 React Nativeに支えられる企業 React Native Japanコミュニティの1ヶ月 React
Announcing React Native 0.66 · React Native
2024React Native 0.75 - Support for Percentage Values in Layout, New Architecture Stabilization, Template & init Updates, and moreUse a framework to build React Native appsReact Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more2023React Native 0.73 - Debugging Improvements, Stable Symlink Support, and moreReact Native 0.72 - Symlink Support, Better Errors, and morePackage Exports Suppo
RN Features 2021年9月号 - iOS 15, Android 12 に向けた準備, React Native バージョン 0.65.1 リリース, React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！ はじめに React Native Japanコミュニティの1ヶ月 iOS 15, Android 12 に向けた準備 iOS 15 QuickType Bar Transparent Navigation Bar シミュレーター Android 12 Overscroll Effect Permission Updates React Nativeがマネージャー採用 React Nativeバージョンアップ情報 react-native 0.65.1 リリース react-native 0.66.0 の予習 React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック 定額制プログラミング教室テックジム「スマホアプリコース」を新設 React N
Preparing Your App for iOS 15 and Android 12 · React Native
2024React Native 0.75 - Support for Percentage Values in Layout, New Architecture Stabilization, Template & init Updates, and moreUse a framework to build React Native appsReact Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more2023React Native 0.73 - Debugging Improvements, Stable Symlink Support, and moreReact Native 0.72 - Symlink Support, Better Errors, and morePackage Exports Suppo
React Native's Many Platform Vision · React Native
2024React Native 0.75 - Support for Percentage Values in Layout, New Architecture Stabilization, Template & init Updates, and moreUse a framework to build React Native appsReact Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more2023React Native 0.73 - Debugging Improvements, Stable Symlink Support, and moreReact Native 0.72 - Symlink Support, Better Errors, and morePackage Exports Suppo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Helping migrate React Native libraries to the New Architecture · React Native
GitHub - Shopify/react-native-skia: High-performance React Native Graphics using Skia
React Nativeエコシステム概論 / react-native ecosystem
Web オンリーのプロダクトでも React Native for Web は輝く/react-native-web
Figma
Implementing Code Splitting in React Native with Re.Pack | {callstack}