Extensible mobile app debugger | Flipper
Extensible mobile app debuggerFlipper is a platform for debugging iOS, Android and React Native apps. Visualize, inspect, and control your apps from a simple desktop interface. Use Flipper as is or extend it using the plugin API. ToolsMobile developmentFlipper aims to be your number one companion for mobile app development on iOS and Android. Therefore, we provide a bunch of useful tools including
React Native製アプリのクオリティを上げるために工夫した事
Illustration by unDrawInkdropというMarkdownノートアプリを一人で作っているTAKUYAです。最近、React Nativeを使って、iOS版とAndroid版の新しいバージョンをリリースしました。React Nativeは、JavaScriptとReactを使ってクロスプラットフォームなモバイルアプリが開発できるフレームワークです。 どうすればReact Nativeでハイクオリティなアプリが作れるのか、今回の開発を通して多くのことを学びました。本稿では、よりよいアプリを作るために自分が工夫したことをシェアします。既にReact Nativeでアプリを作っている方も、これから作ろうと思っている方も参考になるかと思います。 概要OSSライブラリは慎重に選ぶネイティブ拡張モジュールは出来るだけ使わないUIテーマの対応タブレットの対応動作を軽く保つ違和感のない
[React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita
[React Native入門完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 この記事で説明する事 React Native採用に係る意思決定の話 atom + eslint + flowによるIDE風開発環境 line by lineによるプロジェクト作成方法とリリース方法 デバッグ方法やtips集、補助ツールの使い方 React Nativeとは Facebookがオープソースとして開発するReact.jsの思想の一つである「Learn once, Write everywhere」（元ネタはもちろんJavaのWrite once, Run anywhere）を体現した、Facebookが開発主体となるプロジェクトの一つで、要はJavascriptとReactフレームワーク1つでモバイルアプリ（iosとAndroid）を作れる、といった代物です
![[React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd8432893c7bb0d7c1100348e2d1c5ff6bb8ae41/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCUmVhY3QlMjBOYXRpdmUlRTUlODUlQTUlRTklOTYlODAlRTUlQUUlOEMlRTUlODUlQTglRTclODklODglNUQlRTMlODAlOEMlRTMlODElODQlRTMlODElOEQlRTMlODElQUElRTMlODIlOEElRTMlODMlODclRTMlODMlQkMlRTMlODMlODglRTMlODAlOEQlRTMlODElQUUlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTJSZWFjdCUyME5hdGl2ZSVFMyU4MSVBNyVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSU5NyVFMyU4MSU5RiVFNyU5RiVBNSVFOCVBNiU4QiVFMyU4MiU5MiVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSVFMyU4MSVCRSVFMyU4MSU5OSVFMyU4MCU4MiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Yzg4Nzg0NmQwM2I0NmE0OWI1YjljZDQ5N2UwMGNjZTY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZ29nb3RhbmFrYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjRiZDU0YWRmMDJhMWI2NmFhYzE4OTBlOThkNDY5MWM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dda33fbe74e8524cb2321b6da1f8834d5)
NativeBase: Universal Components for React & React Native
World’s largest React Native x Modern Web Conference - Berlin, 25 July | Powered by GeekyAnts If you are starting a new project, we recommend usinggluestack-ui. For your existing projects, you can utilize@gluestack-ui/themed-native-base(beta). Please opt in to our enterprise plan (coming soon) for priority support with NativeBase.
React Native at Instagram
React Native has come a long way since it was open-sourced in 2015. Fewer than two years later, it’s being used not only in Facebook and Facebook Ads Manager, but also in many other companies, from Fortune 500 companies to hot new startups. Developer velocity is a defining value of Instagram’s mobile engineering. In early 2016, we started exploring using React Native to allow product teams to ship
C90新刊 はじめる React Native .∵. pentapod
React Native で アプリ、作ってみませんか？ React Native とは、Facebookが開発を行っているスマートフォンアプリ開発用のUIフレームワークです。 React Nativeを使えば、まるでWebアプリを作っているような感覚で、JavaScriptを使ったアプリ開発を行うことができます。 しかも、内部ではOS標準のUIの管理を行っているので、ネイティブのアプリと全く見分けがつきません。 本書には、そんなReact Nativeに入門するまでの内容をつめこみました。 「はじめる React Native」を読んで、あなたもアプリ開発をはじめませんか？ こんな人にオススメです JavaScriptはそれなりに使えるけど､アプリ開発はさっぱり React.jsに興味がある JavaとSwiftどっちも覚えるなんて面倒だ 目次 まえがき インストール Reactブートキ
React Native の Universal Windows Platform サポートを試してみた - ひだまりソケットは壊れない
React Native が Universal Windows Platform をサポートするという発表が、2016 年 4 月の F8 にて Microsoft と Facebook により行われました。 すなわち、React Native を使って Universal Windows Platform (UWP) アプリを開発できるようになります。 blogs.windows.com 上のブログ記事の公開時点では、React Native の本家とは独立した Git リポジトリに UWP サポートが入っているものが公開されているのみで、本家の方には UWP サポートは入っていません。 今後、React Native プロジェクトの本家に UWP サポートが追加されていくようです。 仕組み React Native の仕組みが、冒頭で紹介したブログ記事で簡単に紹介されています。 Un
Siphon | Pain-free publishing for React Native
Siphon is shutting down on 27th July 2016. To our customers, users and supporters: unfortunately this is the end of the road for Siphon. Our long-term goal was to create the most developer friendly end-to-end publishing platform for mobile apps. Due to some inherent limitations in the early design decisions that we made (in particular the inability to compile your own native modules with Siphon) w
関西モバイルアプリ研究会 #13 で React Native について発表しました
今回はYahoo! JAPAN 大阪での開催でした。 5分なのにライブコーディングしてしまいましたが、どうにかなりました。 スライドではgif画像がアニメーションしないので、下に貼りつけておきます。 Live Reloadの紹介。 クリックカウンタを作ってみるところ。 時間が足りなくなると思っていろいろ説明を飛ばしたり、 後の質問なんかでいろいろ自分の回答に間違いがあったりしたので、いろいろ補足させていただきます。 JSXについて 上のgif画像上で編集しているindex.ios.jsのコードはJSXという、Facebookが提案しているJSの拡張言語です。 内部的には、Babel + ES2015プラグイン + JSXプラグインを利用しているようです。 ネットワークまわりセキュリティまわりどうなの？ 開発ではローカルサーバを使う状態になっていて、このときのATSの設定は「Allow Ar
React Nativeを用いた初めてのiOSアプリ開発 : 選んだ理由と、開発で学んだこと | POSTD
候補としてモバイルアプリの作成について話し合いを始めた時、何を用いてモバイルアプリを構築するかについて、私たちには何の考えもありませんでした。クールな仕様で、楽しく使え、さらには洗練されたものでありたいという一般的な方向性は分かっていたのですが、誰もモバイルアプリを構築した経験がなかったのです。 そこで私たちはReact Nativeを使ってみることにしました。選んでみて良かったと思っています。この記事では、React Nativeを使うと決めた時に考えたことや、構築途中で学んだことを書き綴っています。 React Nativeを選んだ理由 私たちはWeb開発者であって、iOS開発者ではありません。ニューヨークでの集まりで、Swiftがどれだけ性能がいいか、それでいてObjective-Cもまだ存在価値があるということを、少しかじった程度で、一番得意なのはRubyとJavascriptです
React Native Playground - React NativeアプリをWeb上でシミュレート
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました React NativeはJavaScript/Reactを使ってiOS（最近ではAndroidにも対応）アプリが書ける技術です。かつてのTitaniumを彷彿とさせますが、特に大きな違いとしてサーバを立てることでコンパイルレスな開発が可能なこと、Google Chromeを使ったデバッグが可能という点があります。 そんなReact NativeアプリをWeb上でコードを書いて動作させて確かめられるのがReact Native Playgroundです。これからReact Nativeを体感したいという方はぜひ使ってみてください。 React Native Playgroundの使い方 サイトのトップには数多くのデモが並んでいます。 こちらが詳細画面。コードと右側にプレビューがあり
ReactNativeでサクッとReactjs記事リーダーを作ってみる - Qiita
ReactNativeとは ReactNative http://facebook.github.io/react-native/ ReactNativeとはReactjsベースでネイティブアプリを構築できるSDKで、Facebookが先日リリースしました。ちなみにFacebook GroupのアプリがReactNative製なんだそうな。 現在はiOSのみの対応となっていますが、将来的にはその他プラットフォームにも対応していくものと思われます。 内部ではReactjsの描画結果をUIKitの各要素に変換して描画しているようです。 触ってみたいという方は、3分くらいで準備できますのでやってみましょう。 http://facebook.github.io/react-native/docs/getting-started.html#content 作ったもの とりあえずどういった作法で書いて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
discord.engineering
GitHub - ptmt/react-native-macos: [deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa![GitHub - ptmt/react-native-macos: [deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa](https://cdn-ak-scissors.b.st-hatena.com/image/square/93999d8d4baf64393f11ad03ffea30e575111f32/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F2a254a8479dbfcbf6e0e7a23cf2484c47a452ddac35f2c37497f3d9d5148b96b%2Fptmt%2Freact-native-macos)
Deco - React Native IDE
GitHub - bartonhammond/snowflake: :snowflake: A React-Native Android iOS Starter App/ BoilerPlate / Example with Redux, RN Router, & Jest with the Snowflake Hapi Server running locally or on RedHat OpenShift for the backend, or a Parse Server running loca
GitHub - KodersLab/react-native-for-web: A set of classes and react components to make work your react-native app in a browser. (with some limitations obviously)
GitHub - react-uikit/react-uikit: A comprehensive collection of React Native components.
GitHub - atticoos/MagicMirror: :crystal_ball: ReactNative smart mirror project
Payforward
