アプリをストアに公開後、半年に1回のペースでアップグレードを行ってきました。短いものだと1週間、長くて約2ヶ月かかってます。 0.46.2 -> 0.50.4 の思い出 初めてのアップグレードだったのでとにかく大変だった印象です。11月から着手して、クリスマスがすぎ、大晦日がすぎ、正月がすぎてもなかなかエラーが解消せず、先が見えない不安がありました。今でも覚えているのが、AIRMap(いまはreact-native-maps)とfbsdkです。AIRMapはAirbnbが開発していたライブラリでその名の通り地図表示なのですが、ネイティブ層のビルドエラーで苦しんだ記憶があります。かなりObjective-Cのソースコードを読みました。のちのAirbnbのReact Nativeやめる宣言により、ライブラリ開発がどうなるか心配だったのですが無事にReact Native Communityに移
Learn the basiscs of React Native Animated.
#jsconfjp 2019 で Migration from React Native to PWA という発表をした - valid,invalid
JSConf2019 記念すべき第一回の*1のJSConf Japanで『Migration from React Native to PWA』というタイトルの発表をしてきた。 登壇に関して 資料 発表では触れなかった余談は泣く泣く削ったトピックなので参照されると嬉しい。 今回は発表資料を作ったり練習する中で気をつけたことがあり、それは「負債や失敗といった否定的で強い言葉を使わない」ということだった。資料中でも発表でもReact Native単体での技術の良し悪しは述べていないし、2年前のReact Nativeを選んだという技術選定自体にも肯定的な態度をとっている。 当時の技術選定に携わりReact Nativeアプリの土台を作ってくれた開発者がいなければ今のビジネスも存在しない。彼/彼女らへの感謝の念は尽きないということ、運用中途での状況の変化によってチームに合わなくなったのでmigr
GitHub - satya164/react-native-tab-view: A cross-platform Tab View component for React Native
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - almost/react-native-sqlite: SQLite3 bindings for React Native
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Why not React Native
■概要 React Naitve触るきっかけが欲しいかたや、すでにバリバリ触っている方まで、React Naitveに興味がある人なら誰でもご参加ください！ 実際に業務でReact Nativeを使われている方が多く発表してくださるので、導入を検討されている方は参考になるかと思います！また、まだまだ知見が足りないのでここで横のつながりを作っていただき、情報交換をバンバン行なっていただけますと幸いです！ ■Agenda 1．Why not React Native（英語） Pramendra Gupta / @dotPKG 株式会社メルカリ 2．Our choice in ReactNative @joe_re（Twitter/GitLhub） Freee株式会社 3．async/await 構文を使った Android とのブリッジ Koki HASHIMOTO / @nullpoo 株式
Introduction to React Native: Building iOS Apps with JavaScript
iOS Introduction to React Native: Building iOS Apps with JavaScript Joyce Echessa 28th Apr '15 56 A few weeks ago Facebook open sourced React Native which is a framework that lets you build native iOS and Android (at the moment Android support is still under development) applications with JavaScript. We’ve seen frameworks like Titanium and PhoneGap which offer developers an option of building mobi
On this post I assume you know the basics of React Native, and will focus on how the internals work when managing the communication between native and JavaScript. Main Threads Before anything else, keep in mind that there are 3 “main” threads* in React Native: The shadow queue: where the layout happens The main thread: where UIKit does its thing The JavaScript thread: where your JS code is actuall
react-native-ncmbを作り始めた
react-native-ncmb - Use Nifty mobile backend 's REST API to correspond to React Native 会員登録、 ログイン、 会員情報取得、 パスワードを忘れた方にメール送信。 の4つの機能を作った。 これだけあれば、現状製作中のアプリはとりあえず作れる。 残りの機能とかも入れていきたいが、ベストな書き方を模索していきたいので、一旦ここまで。 fetchの処理を一元化してしまったので、 入れるのはそんなに大変じゃないと思う。 Firebase！Firebase!となっている世界に一石を投じる。(API叩いてるだけ Testとか書かないとなぁって思っているけど体動かない。 niftyのテストはなんかすごかったので、あれを参考にしたいと思っている。chaiだね chai flowを使ったので、感想 型はいいなって思った。
RN Features 2021年2月号 - React Native iOSでの画像キャッシュの仕組み, JCenterのクローズ問題, Redux / Context API / Recoilのパフォーマンス比較 - KitchHike Tech Blog
はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！ はじめに React Native Japanコミュニティ React Nativeでの画像キャッシュの仕組み(iOS) React Native 0.64 と 0.63.5 JCenter のクローズによる影響 Redux・Context API・Recoil のパフォーマンス比較 Wix社のDetox運用ノウハウ リアルタイムエンゲージメントのプラットフォーム "Agora.io" Quoraの質問: 「ReactではなくFlutterを選択する理由は何ですか？」 中国生まれのReact用UIフレームワーク "Ant Design" アニメーションライブラリGSAPがすごいらしい さいごに We're Hiring React Native Japanコミュニティ 今回のブログ
GitHub - xinthink/react-native-material-kit: Bringing Material Design to React Native
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - joe-re/async-storage-repl: AsyncStorageRepl provides you to access remote ReactNative application's AsyncStorage from your node REPL.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
凄まじい人混みの中 #技術書典 にお越しいただき「Expoでストアリリースする最速React Nativeアプリ開発」(以下、Expo本と呼ばせてください！)を購入いただきありがとうございました！ ↑共著のExpoマスターハムカツおじさん ( @hmktsu ) 100分で100冊の物理本が売り切れて沢山の方の手元に本が届きました。 電子版も合わせると約200部の本が売れて、技術書典当日は楽しかったな！といった余韻に浸っております。 次の目標は売れた200冊のうち200冊が読破されることです。 そもそもなぜ本を書いたかでいうと、日頃お世話になっているコミュニティへの貢献、還元と、この活動を通して生まれるであろう人との関係のためです。 幸いにも完売したので利益が出たけど、利益のためにやっているのではないので再投資したいです。そしてすごくいい本ができたと自負しているので、この本を一人でも多くの
Future of React Native
naturalclar.devFuture of React NativeFebruary 05, 2020 この記事は Meguro.es #25 で登壇した内容です。 はじめに 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って１週間足らずで達成できました。Community の一員になれた経緯はまた別の記事で書こうと思います。Community の一員として Contributors の Discord channel に招待されて、色々な知見が手に入るので、今回はその一部をシェアします。 The New React Native 2020年は React Native が大きく変わる年になります。現在、React Native は内部設計を徐々に変更していま
前回に引き続き@Nkznさんをゲストに迎えて、ReactiNativeで使うアーキテクチャ、ライブラリ、CodePush、運用などについて話しました。 podcast feedを購読するか、DLしてお楽しみ下さい。 Show Notes:ReduxMobXAlmin.jsPresentationDomainSeparationgaearon/redux-devtools: DevTools for Redux with hot reloading, action replay, and customizable UILodashMoment.js | HomeAlexanderZaytsev/react-native-i18n: React Native + i18n.jsluggit/react-native-config: Bring some 12 factor love to yo
The Shapes of React Native
Introduction After drawing a bit of inspiration from The Shapes of CSS I decided to see if I could remake some of these shapes with a subset of css. If you haven't been on css-tricks check them out, Chris Coyier is fantastic! Of course we have access to react-art here so drawing shapes is pretty simple but my goal is to see if I can just use normal Views and all of the styles I have at my exposure
React NativeでObjective-C/SwiftのAPIを扱う（Native Component編） - Qiita
この記事の目的 React NativeでもNativeのUIを触りたいときってありますよね。例えばこんなやつ（GradientView）を扱いたいとか。 （ちなみに、今回参考にした記事はこちら→http://browniefed.com/blog/react-native-how-to-bridge-a-swift-view/ ） そこに対してもReact Nativeでサポートしているのですが、案の定公式の説明やコード例が十分でない＆日本語の資料もなさそうなのでまとめてみました。 ※ 公式が不十分でソースコードを読みつつの理解となるため、正しくない内容になってしまうかもしれない点をご了承ください。（そもそも正解がない） ※ 筆者はObjective-C/Swift初心者な点もご了承ください。 ※ Android版はこちらをどうぞ→http://qiita.com/uryyyyyyy/i
こんにちは。次世代システム研究室のT.M です。 はじめに Android / iOS 両スマホアプリを開発するためには、一般的にはそれぞれKotlin （Java）/ Swift（Objective-C）で実装をする必要があります。しかし、クロスプラットフォームのアプリケーションフレームワークが誕生し、一つの実装で、両スマホアプリを開発することができるようになりました。現在、クロスプラットフォームのフレームワークでよく利用されているものとして、React Native とFlutter があります。どちらが良いフレームワークであるか、は分からず、そのため、どちらを利用すべきか迷うかと思います。そこで、本稿では、React Native とFlutter のパフォーマンスについて比較して、どちらが優れているかを検証したいと思います。 React Native React Native は2
Flutterで始めるモバイルアプリ開発一覧
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
前回の同期の話を考えたときに、どうのようにクライアントのローカルにデータを保存するのかという問題が出てきます。 私が調べた限り、その方法は下記のようになります。 ReduxのStoreで管理 – on Memory AsyncStorageを直接扱う – on Storage AsyncStorageのラッパー(react-native-store)を使う – on Storage Native(sqlite)のデータベース(react-native-sqlite-storage)を使う – on Memory Javascript database(NeDB - react-native-local-mongodb)を使う – on Memory 当たり前ですが、on Memroyは超高速ですが、容量を気にする必要があります。 1. ReduxのStoreで管理 ReduxのStoreを
React Native 公式 Tutorial ListViewをつくりながら基本的なことを学ぶ。 react-native/Examples/Movies 公式チュートリアルでやったこと＋αができるアプリ例。完成させたListviewに、ナビゲーションや検索、無限スクロールなどをつけるまでができる。 Introducing React Native: Building Apps with JavaScript 公式チュートリアルと技術的には同じようなことを、別アプリでつくる記事。 Flux React NativeでFluxを使う - Debuginfo 具体的なフォルダ構成が設計されており参考になる。 ReactとReactNativeでFluxなTODOを実装してみた話 | マネーフォワード エンジニアブログ 導入にはよい記事。 ReactNativeのサンプルを集めてみました -
Intro to React Native for an iOS Developer - Artsy Engineering
By Orta Therox Jul 6, 2017 React Native is a new native library that vastly changes the way in which you can create applications. The majority of the information and tutorials on the subject come from the angle of “you are a web developer, and want to do native”. This makes sense, given that the size of the JavaScript/web audience is much bigger than native developers, and far more open in the ide
Native Module and Native Components are our stable technologies used by the legacy architecture. They will be deprecated in the future when the New Architecture will be stable. The New Architecture uses Turbo Native Module and Fabric Native Components to achieve similar results. Welcome to Native Modules for iOS. Please start by reading the Native Modules Intro for an intro to what native modules
GitHub - xotahal/react-native-material-ui: Highly customizable material design components for React Native
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
コンポジション vs 継承 – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 React は強力なコンポジションモデルを備えており、コンポーネント間のコードの再利用には継承よりもコンポジションをお勧めしています。 この章では、React を始めて間もない開発者が継承に手を出した時に陥りがちないくつかの問題と、コンポジションによりその問題がどのように解決できるのかについて考えてみます。 子要素の出力 (Containment) コンポーネントの中には事前には子要素を知らないものもあります。これは Sidebar や Dialog のような汎用的な “入れ物” をあらわすコンポーネントではよく使われています。 このようなコンポーネントでは特別な children という props を使い、以下のようにして受け取った子要素を出力するこ
Comprehensive routing and navigation in React Native made easy
For both iOS and AndroidHaving worked with Xamarin Forms on my current project for the last 14 months, I am considering using React Native for my next project. First, I have to convince myself that for everything I have done in Xamarin Forms, I should be able to do the exact same thing in React Native as easily or more easily. One thing that’s super easy to do in Xamarin Forms is navigation which
M1 Macで既存のReact Nativeプロジェクトを開発する環境が整うまでにしたことをまとめました。 Xcodeをインストール Mac App StoreからXcode 12.2をインストールします。 Homebrewをインストール 公式サイトにあるインストールスクリプトを実行すると、以下のようにRosetta 2を使用するか、他のインストールオプションを勧められます。 Homebrew is not (yet) supported on ARM processors! Rerun the Homebrew installer under Rosetta 2. If you really know what you are doing and are prepared for a very broken experience you can use another installat
GitHub - brentvatne/react-native-login: react-native login via native facebook sdk, with a mp4 video background and a linear gradient
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
React Nativeでのナビゲーションに便利なReact Navigation - taiki-t's diary
2018-5-10追記: 先日v2も出ました。今目にしているブログ記事はだいぶ古いと思うので注意です。React Navigation (v2) · Routing and navigation for your React Native apps 2017/9/15追記: React Navigationは開発サイクルがしばらく停滞していたけれど、最近仕切り直しがあった。うまく行くといいな。https://reactnavigation.org/blog/2017/9/Renewed-v1 2017/3/17追記: beta-7時点で、ネストされたナビゲーター内からナビゲーター全体のstackをリセットできないという問題がある。ので、認証してトップに戻るとか、アップロード完了したらトップに戻るとかまともにできないと思うので辛そう。Specify reset key to define w
GitHub - christopherdro/react-native-rss-reader: RSS Reader built with React Native
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
[Workarounds] Packager unable to resolve module from /Users/node_modules/ · Issue #4968 · facebook/react-native
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
![[Workarounds] Packager unable to resolve module from /Users/node_modules/ · Issue #4968 · facebook/react-native](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c3eec4c902e69cb80592bd7fb0c1784cb2c041c/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fc8457093c8d46f4979c3abdd90e885d9304b5e7c0279623cca93dace5ca97d3a%2Ffacebook%2Freact-native%2Fissues%2F4968)
Building native applications with React (JavaScript) is awesome ❤️. Until the time you have to release a new build, specially, if you are not an iOS or Android native developer. The process of shipping manually an application to the stores is a painful and time consuming experience, even though it's documented. That's when Fastlane comes to the rescue ⛑! In this post I'll explain how to automate t
Meet Google Play's target API level requirement | Android Developers
Build AI experiences Build AI-powered Android apps with Gemini APIs and more. Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.
GitHub - ptmt/react-native-touchbar: TouchBar for react-native-macos
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは。 仕事でReact Nativeを触っているのですが、ステージング（DeployGate）へアプリを反映するときに、 Xcodeを起動 Product > Archiveを選択 しばらく待つ エクスポート方法（Ad-Hoc）を選択 オプション（Code Signingに使用するアカウント）を選択 しばらく待つ DeployGateを開く 出来上がったipaファイルをDeployGateにドロップ という手作業をちまちまやるのが面倒になったので、 どうにかできないか調べてみたらCLIだけで完結できたので、その方法を残します iOSアプリで.ipaファイルを作成する iOSでipaファイルを作るには、ビルドとエクスポートの２ステップが必要です。 どちらもxcodebuildコマンドで実行できます。 ipaファイルを作るための下準備 Xcodeの起動は必要ありませんが、インストールは
AR — Viro Media
The perfect alternative to specialized game engines, ViroAR is an open source platform for rapidly building ARKit and ARCore apps. Our platform allows developers to focus on what they do best by leveraging familiar tools and frameworks used in mobile application development.
Amplify を用いてウェブとネイティブのマルチプラットフォーム対応する - サーバーワークスエンジニアブログ
こんにちは、技術1課の加藤です。 最近 Amplify にハマって色々と触ってみているのですが、 Amplify って複数のクライアントプラットフォームに対応しているんですよね。 マルチプラットフォームに対応しているからにはやっぱり複数のプラットフォームでバックエンドを共有したいもの。 というわけで今回は React を使ってウェブアプリとネイティブアプリを作成し、同じ認証情報を使ってログインしてみます。 1. React ウェブアプリ まずはウェブアプリ + 認証機構の実装を行います。 1-1. React アプリの作成 $ npx create-react-app react-amplify $ cd react-amplify 一応、ちゃんと動くか確認します。 $ yarn start or $ npm start 以下の画面が開けばOKです。 確認が終わったら Ctrl + C で
と打つと、開発者のパソコンの中のコードを使い、ユーザーのスマホの中のアプリを書き換えると言う技術だ。 つまり、アプリのアップデートを審査を通さずに行える。 さらに、アップデートの反映までなんと０分。 夢の技術が標準でついている。 (通常は、アプリのアップデートは審査で３日待たされたりするからね。) また、デフォルトでついてくる、release-channelと言う機能を使うと、channnel毎に、アップデートが出来るので、staginig環境、本番環境を、サードパーティライブラリなしに実現できる。 release-channelの使い方 ＄ expo publish --release-channel <環境名> $ expo build:android --release-channel <環境名> のように、release-channelの後ろに、任意の文字列を渡すだけ、 例 ＄ e
GitHub - comfusion/lumpen-radio: React Native iOS app for WLPN-LP 105.5 Chicago
Dismiss Join GitHub today GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together. Sign up
gmork.in
Contact the domain owner here gmork.in 2024 著作権. 不許複製 プライバシーポリシー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実践 React Native 運用チェックシート - Qiita
React Native Animated for Beginners
Bridging in React Native by Tadeu Zagallo
React Native本(Expo本)の読破者に技術書典の利益を還元します！｜ggtmtmgg｜note
040: React Native (cont’d)
ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部
React Nativeにおけるローカルデータベースの考察
React Nativeチュートリアル - Qiita
iOS Native Modules · React Native
M1 (Apple Silicon) Macで既存のReact Nativeプロジェクトの開発環境が整うまで
Shipping React Native apps with Fastlane
CLIだけでReact NativeアプリをビルドしてDeployGateにデプロイする方法
ExpoのOTAアップデートとrelease-channelについてまとめてみた。 - Qiita