React Nativeハイブリッドアプリケーション開発ことはじめ - tomoima525's blog
こちらはReact Nativeアドベントカレンダー 19日目の記事になります。 ここ1、2年でReact Nativeによるアプリ開発はますます盛んになっていますが、一方でNativeと組み合わせたとハイブリッドアプリケーション開発はまだ発展途上です。 React Nativeの公式ドキュメントにもIntegrating with existing appという項目がありますが、あっさりと書かれている上に鮮度がお世辞にも高くありません。 しかしながら、FacebookやAirbnbなど大企業がハイブリッドアプリケーションを積極的に導入していることや、Nativeアプリを部分的にリプレイスできる利便性から、今後も採用が増える分野と考えられます。本記事ではハイブリッドアプリを開発した自分の経験から、プロコンや実装の基本についてまとめました。 ハイブリッドアプリケーションの良い点/難しい点 そ
A cross platform app with React in a monorepo
tldr; a cross platform mobile and web app should be developed in a monorepo, and you should plug the app into the base code and not on the other way around. In this blog post I am focussing on the interoperability of alls apps built by React, and how the state, some basic behaviors, actions, user interfaces and some experiences can be arranged in order for it to be more modular. While a backend pr
repl.it
Build software fasterReplit is an AI-powered software development & deployment platform for building, sharing, and shipping software fast. Everything you need to build software in one placeCreate & deploy websites, automations, internal tools, data pipelines and more in any programming language without setup, downloads or extra tools. All in a single cloud workspace with AI built in. “We use Repli
Lottie React Native Tutorial
TLDR => Lottie is a mobile library for Android and iOS by AirBnb that enables you to embed highly performant JSON based Adobe AfterEffects animations into your mobile app to provide those user experience delighters. This tutorial will walk you through how to get Lottie animations working with React Native. First up lets see some Lottie Animations :-) Lottie AnimationsAlthough creating them with Af
Use React Native
React Native v0.66.x released v0.66.x on GitHub (npm) Release blog post Changelog v0.66.1 Fixed For Android, general fixes to Appearance API and also fixes AppCompatDelegate.setDefaultNightMode(). For iOS, now works correctly when setting window.ov … Read more v0.65.x on GitHub (npm) Release blog post Changelog v0.65.0 Highlights Hermes 0.8.1. Please see the highlighted changes from its 0.8.0 and
expo.ioを使ってリアルタイムにReact Nativeアプリを開発する - マルシテイア
1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。 何がどう便利かっていうと、 ケーブルなしで、実機の動作確認ができる もちろんコード変更も即座に反映される 開発版アプリの配布がワンタッチでできる 便利なReactコンポーネントもついてくる youtu.be expo.io とは React Nativeでのアプリ開発を支援するサービスです。 公式サイトはこちら。めっちゃ素朴…… expo.io expoは create-react-native-app XDE expo client といったツールを公開しています。 create-react-native-app: アプリの雛形を作るCLIツール XDE: アプリ開発を支援するデスクトップアプリ。実機のログをみたり、アプリを再起動したりできる expo cl
ReactNativeで何が出来るのかさっと知れるサイト、その他リンクまとめ - Qiita
「React Nativeって時々聞くけど、どれくらいのものが作れるの？」とか「どこで調べればいいの？」とかそういった時に役立つリンクをまとめてみました。 公式ドキュメント まずはお約束として、ドキュメントです。 https://facebook.github.io/react-native/ 公式Showcase ReactNativeで作られたアプリが載っています。 日本のアプリだとCoinyさんのアプリが載っています。 最近、いい感じのニュースソースがないアプリは載らないようになりました。なので厳選されています。以前は自分の個人で作ったやつも載せてもらってたのでちょっと切ないです(´・ω・｀) React Native Playground React NativeのコードがWeb上で実行出来るサービスです。ユーザーがちょっとしたボタンアクションなど登録しています。アプリもあったはず
GitHub - jondot/awesome-react-native: Awesome React Native components, news, tools, and learning material!
Awesome React Native is an awesome style list that curates the best React Native libraries, tools, tutorials, articles and more. PRs are welcome! Don't miss out! Subscribe to our weekly newsletter Sponsors Never leave your command line for secrets Teller is an OSS and FREE productivity secret manager for developers made by SpectralOps, supporting cloud-native apps and multiple cloud providers. Mix
Cordova/ReactNativeアプリのライブアップデートを実現するCodePushを試す
Monacaアプリをはじめとする、いわゆるCordovaアプリはハイブリッドアプリと呼ばれる仕組みをとっています。それはネイティブコードでHTML5アプリをラッピングしているのですが、HTML5/JavaScript/スタイルシートの部分についてはコンパイルされていません。つまり、動的に差し替えることができれば、アプリストアによる審査やアプリのアップデートを必要とせず、コンテンツを差し替えることができるようになります。 そうした機能はMonacaのエンタープライズ版で提供しているのですが、今回はMicrosoft社がリリースしたCodePushを使って同様の操作を試してみたいと思います。 事前に必要なもの CodePushはNode.jsを使いますので予めインストールされていることとします。また、今回はCordovaアプリを使いますので、
内部実装から追うReact Native - Qiita
書いた人間はCとC++からの類推解釈でObjective-C読めるけれど、iOSのAPIはちゃんと理解していない。Sampleはすでに動かした前提で書く。 TL;DR documentに依存しないVirtualDOM (= React.js)だけであれば、iOSでもJavaScriptCore上で実行可能なので、React.jsをそのまま投げ込める。 index.ios.bundle AppDelegate.mにindex.ios.bundleへのURLが定義されている。エミュレータで起動した際、同時にhttpサーバが立ち上がっているのはindex.ios.jsをbundleしたものをこのURLとして返すためにある。 ところで、React.jsを使う大原則として、React ElementをrenderするコンテナにはReact.jsが管理しているDOM以外のDOM（htmlで書いたものと
React Native NavigationExperimental Part 2 — Implementing Redux
NavigationExperimental is no longer the preferred method of Navigation in React Native, and will soon be deprecated. I would suggest checking out React Navigation with is the current standard and my preferred method of navigation. This is a continuation of Part 1. We will now be building navigation using React Native Navigation Experimental but adding Redux to manage state. For part 1, click here.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Native Directory
React Nativeが 楽しく感じるまでの話
GitHub - aksonov/react-native-mobx: Make your app reactive with MobX and react-native-router-flux
The React Native Log – Medium
React Native 入門
GitHub - commissure/redbox-react: :red_circle: A redbox (rsod) component to display your JavaScript errors.
https://js.coach/react-native
React Router Docs Moved
GitHub - ggomaeng/react-native-card-modal: A pure javascript card modal for React Native framework.
