React Nativeアプリをリリースし続けるために、最初に行う8つの取り組み
This document discusses React Native and best practices for building mobile apps. It covers getting started with React Native, setting the application ID and bundle identifier, versioning, build types, integrating Fabric and Firebase, and using Fastlane for deployment. Tips are provided for configuring Android and iOS projects as well as continuous integration/delivery best practices.Read less
Exponent で React Native のサンプルをさくっと公開する - Qiita
Exponent について React Native のnpm上で公開されているコンポーネントのサンプルが Exponent というツールを使って公開されていることがあります。 react-native-svg => Exponent react-native-tab-view => Exponent 端末上に、Exponentのアプリを入れておけば、このように公開されているサンプルはURLを踏むだけで、実際の動きを触ってみることが出来ます。gif動画でサンプルを見せるより、動くものを見せるほうがより魅力的に見せることが出来るのでとても良い方法だと思います。 コンポーネントのサンプル以外にも、プロトタイプレベルであれば、面倒な配布の準備をする必要なく、多数の人に配ることもできますので、使い所はたくさんあるのではと思います。ただし、ネイティブレベルの拡張は Exponent にもともとはいっ
Retiring the Nuclide Open Source Project
A unified developer experience for software development Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community. It provides a first-class development environment for React Native, Hack and Flow projects. Retiring the Nuclide Open Source Project A few years ago, we introduced Nuclide to provide a first-class IDE experience. We’ve made treme
React Native で自分で用意したアイコンフォントを使う方法 - Qiita
WEBアプリでカスタムアイコンを使用したい場合はFontello/Icomoon等を使ってアイコンフォントを作成するかと思います。 今回はアイコンフォントをReact Nativeのアプリでも使用する方法について説明します。 1. React Nativeで使用したいアイコンフォントをプロジェクトにインポートする アイコンフォントの作り方は省略します。Icomoonで作成するのと以下のようなファイルが生成されます。 . ├── Read\ Me.txt ├── demo-files │ ├── demo.css │ └── demo.js ├── demo.html ├── fonts │ ├── NCR-icon.eot │ ├── NCR-icon.svg │ ├── NCR-icon.ttf │ └── NCR-icon.woff ├── selection.
React-Nativeで便利なUIライブラリ - 備忘録 blog
tl;dr React-NativeでiOSやAndroidのネイティブアプリを作る際、自分が使った中で便利だったUIに関するライブラリをいくつか紹介する。 探し方や導入方法など github.com ここにReact-nativeに関連する様々な情報がまとまっており、その中にライブラリも多数収録されている。 依存がjavascriptだけのものはnpm install --saveすればよい。一方でコンパイル時に組み込まなければならないものは、GithubのReadmeなどに説明があると思うが、最近ではrnpmを使う、あるいはreact-native link <packagename>といったコマンドでプロジェクトに自動で組み込んでくれるようになっているので、手動で各ファイルに追記するよりミスを防げるので安全であると言えよう。 react-native-gifted-chat(旧 re
React Native Routing について - ついんてっく
React NativeのRouting どうも兄です。 ネイティブ開発を行う上で最初にぶち当たるのがRoutingだと思います。 React Show Caseの開発を通じてRoutingを説明できればと思います。 ネイティブの画面遷移 ネイティブの画面遷移はWebのRoutingと異なり、Sceneという画面を積み上げていく形です。 Routing and Navigation in React Native - Dotan Nahum 僕が経験した中で幾つか挙げられますが、ネイティブ開発を行う時躓く所の一つは画面遷移だと思います。 Web -> ネイティブで勝手が違うので特にでしょう。 Android、iOSで画面遷移の制御が異なる。(IntentとStoryboard) 一目でどの画面に遷移するかフローがわからない。 Tabbar、Navbar、などネイティブ特有の機能の実装が各O
【React Native】良さげなコンポーネント紹介 - Qiita
React Native Advent Calender12/24への投稿記事です！ メリークリスマス 色々なコンポーネントがありますが、探すのって大変ですよね・・・・。 それに探しても探し切れなかったりなどなど。なので面白そう、あるいはすごそう、使ってみたことあるなどなどのコンポーネント紹介していきます！ また、こっちの方がよいぞー！これとかどう？などなどあればお教えいただけますと幸いです！ react-native-router-flux 名の知れたルーティングライブラリ。react-routerライクな書き方で使うことができます。 tabだってアニメーションだってできてしまう万能な子。 Sceneを使ってルーティングを定義します。そして戻るアクションやスワイプバックは自動実装。 tabについても書くだけでタブ遷移の仕組みも実装してくれます。 如何せんドキュメントがよくわからなくてソー
React Native Basics: Using react-native-router-flux
A core component of any app is navigating between different routes/screens/scenes. I’ve analyzed different navigation solutions in the past but this week I wanted to spend some time doing common routing tasks using a package I’ve used a lot lately, react-native-router-flux. Today we’ll walk through setting up your routes, routing between scenes in a “normal” way, setting up tabs, and using a modal
React NativeでFluxを使う - Debuginfo
React NativeのMovieチュートリアルをFluxで実装します。 Flux実装が山ほどある中、Facebook Fluxのgithub上のexampleのtodo,chatで使われている本家のFluxモジュールです。Reflux, altが色々enhanceしたもののようですが、npmのダウンロード数をみると圧倒的にFluxがダウンロードされています。やはりFacebook押しだと安心感がありますね。 では、必要なnpmを入れていきます。 $ npm install flux $ npm install object-assign $ npm install keymirror まず全てindex.ios.jsに書かれていたもの分解して配置していきます。 最終的には、下記のようなツリー構造になります。 ./index.ios.js ./app ├── actions │ └─
Instagram API
MetaのInstagramプラットフォームは、ビジネスがInstagramユーザーとやり取りしやすくなるツールを提供しています。 Instagramログインを使ったAPIにより、アプリのユーザーは自分のInstagramビジネスアカウントおよびInstagramクリエイターアカウントのデータにアクセスできるようになります。このAPIを使えば、ビジネス/クリエイターとそのビジネス/メディアに興味があるInstagramユーザーとの間でメッセージを送受信したり、メディアを取得/公開したり、メディアに対するコメントの管理/返信、他のInstagramユーザーから@メンションされたメディアの特定をアプリでできるようになります。Instagramビジネスアカウントかクリエイターアカウントが必要です。 Facebookログインを使ったInstagram APIによって、アプリのユーザーはFacebo
http://minotaur.badwitch.io/reactnative-flexbox/
See related links to what you are looking for.
React Native入門 ─ Hello,Worldからネイティブ連携まで
React Native入門 ─ Hello,Worldからネイティブ連携まで Kameda Shohei（GLOBAL EDUCATIONAL P...） モバイルアプリ開発におけるWeb技術の可能性を探る特集・第一弾でご紹介するのはReact Native。その生い立ち、チュートリアルから、コードベースやUIを記述する言語、パフォーマンスまで解説します。 概要 React Nativeは2013年にFacebook社内のハッカソンで生まれたプロジェクトです。2014年にiOSアプリのFacebook Ads ManagerをReact Nativeを用いて開発し、2015年3月にオープンソースとして公開されました。そして、半年後の2015年9月にAndroidをサポートし、今年のF8では、MicrosoftがReact NativeでWindowsプラットフォーム（PC, Mobile
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source and full styling.