ReactNativeプロジェクトのAndroid環境を整備する - クックパッド開発者ブログ
投稿開発部の吉田です。React Native 新アプリシリーズ連載3日目はAndroid担当の私からReactNative(以下RN)のAndroidプロジェクトを出来る限り健康な状態にするために行ったことを紹介します。 React Nativeで作った新アプリについて(5日間連載) - クックパッド開発者ブログ React Native アプリの開発基盤構築 - クックパッド開発者ブログ 手元の環境 RNは開発が活発なため執筆時点の環境を載せておきます。バージョンが乖離している場合は動かない可能性があります。 react-native-cli(2.0.1) npm(5.8.0) node(8.9.3) react-native(0.55.1) Android Studio(3.1) macOS High Sierra(10.13.4) Androidの開発環境はセットアップ済みとして話
ReactNativeでiOSとAndroidの漫画アプリを同時に作る | Nagisaのすゝめ
はじめに NagisaでiOSエンジニアをしている伊藤です。 今回はReactNativeというスマホアプリのクロスプラットフォーム開発ツールを使った取り組みについて紹介をしたいと思います。 アプリのクロスプラットフォーム開発といえば、以前ではTitaniumやCordovaといったWebViewをベースとしたアプリをイメージするものが多く、純粋なネイティブアプリに比べるとどうしてももっさりとした感覚になってしまい、あまり採用されることはなかったように思います。 ReactNativeではこのもっさりとした感覚はなく、とてもスムーズに動作するアプリを作れます。その理由はWebViewを使用せず、ビューやラベル、スイッチなどで本当のネイティブコンポーネントを使った画面が構成されるところにあります。これにより国内でもにわかに人気が出てきています。 UPTOON!のReactNative化 UP
React Native アプリの開発基盤構築 - クックパッド開発者ブログ
こんにちは、投稿開発部の @morishin127 です。React Native 新アプリシリーズ連載2日目ということで、この記事では React Native アプリの開発基盤の構築について書こうと思います。「クックパッド MYキッチン」というアプリは React Native 製で、iOS/Android 両プラットフォームでリリースされています。元々は一人の手で JavaScript (ES2017+) によって書かれていたアプリケーションでしたが、リリースまでの間に開発メンバーも増え、TypeScript の導入や CI の整備、また高速な検証のためにログ収集の仕組み作りや CodePush の導入などを行いました。それぞれ具体的にどのようなことをしたかを説明します。 セットアップスクリプト npm-scripts を用いて npm run ios:setup / npm run
QuipperにおけるReact Native活用事例 - スタディサプリ Product Team Blog
この記事はReact Native Advent Calendar 2017の5日目の記事です。 こんにちは。モバイルエンジニアの@hotchemiです。 今回はQuipperにおけるReact Native活用事例に関して紹介したいと思います。 目次 導入の背景/効能 開発におけるメリット/デメリット リリースサイクル 技術スタック おわりに 導入の背景/効能 Quipperが開発しているスタディサプリでは合格特訓プランという現役大学生コーチによる学習伴走サービスを提供しており、コーチとユーザーのコミュニケーションをより円滑にする為にメッセージ機能をベースとした業務補助iOSアプリの開発を実施する事になりました。 最初のバージョンこそSwiftで開発を進めていたものの以下の組織的・技術的な課題に直面した為、React Nativeを用いた開発に方針転換し現在では運用が軌道に乗っています。
React Native おすすめコンポーネント一覧v2 - Qiita
はじめに よくよく考えると今日クリスマスイブらしいですが、残念ながら記事書くぐらいには予定がないです！ クリスマスの高円寺は逆にとても空いているのでオススメですよ！ 色々と進捗あって【React Native】良さげなコンポーネント紹介が古くなってしまったのでそれ以降変更あったり、新しいやつみつけてたりするので改めての報告です。 去年と同じものを紹介したりしてますが、それはとても良かったり、情勢に変化があったパターンは紹介しています！ 僕もまだまだ知識浅いのでこっちだぜ！これもあるよ！などあればお教えいただけますと幸いです！ 今年は僕がこの記事を書いた地点のスター数を記載しています！ ルーティング react-native-router-flux ★：6048 バージョン追えていない感と進んでいない感が半端なくなってきた頃合いですが、色々と触ってみた感じ、（動く環境なら）一番ちゃんと動くん
【React Native】良さげなコンポーネント紹介 - Qiita
React Native Advent Calender12/24への投稿記事です！ メリークリスマス 色々なコンポーネントがありますが、探すのって大変ですよね・・・・。 それに探しても探し切れなかったりなどなど。なので面白そう、あるいはすごそう、使ってみたことあるなどなどのコンポーネント紹介していきます！ また、こっちの方がよいぞー！これとかどう？などなどあればお教えいただけますと幸いです！ react-native-router-flux 名の知れたルーティングライブラリ。react-routerライクな書き方で使うことができます。 tabだってアニメーションだってできてしまう万能な子。 Sceneを使ってルーティングを定義します。そして戻るアクションやスワイプバックは自動実装。 tabについても書くだけでタブ遷移の仕組みも実装してくれます。 如何せんドキュメントがよくわからなくてソー
ReactNativeでアプリを作る時の個人的な構成(水平分割バージョン) - Qiita
ReactNativeでアプリを作る時の個人的な最小構成はいわゆる垂直分割の構造だったが、大きめの規模になることがわかっている場合は最初から水平分割の構造で作るのもよいと思う。 GitPointを参考にして考えてみた。 具体的にはこんな感じ。 index.ios.js index.android.js App.js root.reducer.js root.store.js routes.js src |__components |__api |__config |__utils |__containers |__home |__home.action.js |__home.reducer.js |__home.type.js |__screens |__index.js ページ単位でディレクトリを切って、その中にredux関連のファイルとページ関係のファイルをまとめる。 ヘッダーとかボタ
ReactNativeでの開発を通じて得た知見 - razokulover publog
前回はてぶのお気に入りフィードを読むHBFavというアプリのReactNative版RNHBFavというアプリを作っているという話を書いたが、とりあえずAppStoreへ申請するところまで終わった。 razokulover.hateblo.jp 申請がどのくらいで通るかはまだわからないが、たぶん1週間はかかる気がする。 少し時間が空きそうだし、ここらで今回ReactNativeで開発〜リリース申請する中で感じたことやこうした方が良かったみたいなものをメモしておこうと思う。 垂直分割/水平分割のディレクトリ構成 ディレクトリ構成はプロジェクトごとにみなそれぞれ自分なりの構成を持っているようだけど、例えばreduxを利用するアプリだと以下のような作りになると思う。 index.ios.js index.android.js src |__actions |__hoge.js |__reduce
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - rotembcohen/pokerBuddyApp: React Native app for organizing casual poker games
GitHub - fbsamples/f8app: Source code of the official F8 app of 2017, powered by React Native and other Facebook open source projects.
https://github.com/ReactNativeNews/React-Native-Apps/blob/master/README.md
GitHub - microsoft/TypeScript-React-Native-Starter: A starter template for TypeScript and React Native with a detailed README describing how to use the two together.
GitHub - amazon-archives/aws-mobile-react-native-starter: AWS Mobile React Native Starter App https://aws.amazon.com/mobile
GitHub - aws-amplify/amplify-js: A declarative JavaScript library for application development using cloud services.
GitHub - storybookjs/storybook: Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source and full styling.
React native で8個アプリを作って1個リリースして 使ったおすすめツールを紹介
https://blog.mismithportfolio.com/web/rnrouting2
https://github.com/expo/image-upload-example?files=1
GitHub - gitpoint/git-point: GitHub in your pocket :iphone:
