[B! React] shinji0213のブックマーク

React Native for WebとExpoを組み合わせてピコピコさせてみたよ - Qiita

なかざんです。ウォーターセルという新潟の会社でアグリノートという農業向けアプリを作っています。業務で使う構成のPoCとして、Webとモバイルネイティブの両方で動く、React Nativeのサンプルプロジェクトを作ってみたので、そこで得られた知見をご紹介します。つくったもの私たちが愛してやまないJetBrains製IDEのアイコンとボタンを並べて、ボタンを押すと製品ページに行けるアプリです。押したときにはピコッと鳴ります。ソースコードはこちら。 https://github.com/Nkzn/react-native-multi-target-sample ネイティブ版はこんな感じです。 Webアプリ版はこんな感じ。見てもらったほうが早い今回は実物を触ってもらいやすい環境が作れたので、実際に触ってみたほうが雰囲気がつかみやすいと思います。ネイティブ版ネイティブ版はExpoで

shinji0213 2017/12/18

リンク

2017末時点での React Component 設計のベストプラクティス - Qiita

どう考えているか、というのを聞かれたので、記事に起こしておきます。個人の意見です。 Prettier を使う気づけばコードの整形を人間がやる時代は終わりました。細かいコーディングスタイルでレビューの時間を取るぐらいだったら、一貫した自動整形ルールを適用すべきです。人によっては細かいこだわりがあって prettier の規則が気に食わないかもしれず、僕も最初はそうでしたが、Atomで保存する度に自動整形を走らせる prettier の強烈な開発体験によって、最終的にそれらのこだわりを全て捨てることが出来ました。生産性を求めるなら、現時点では最優先で導入すべきものです。 React.createClass を使わない v16 で削除されたのでいわずもがな。同様に、 createClass でしか使えなかった mixin 周辺機能も丸ごと deprecated です。「可能な限りは」

shinji0213 2017/12/18

React
設計

リンク

QuipperにおけるReact Native活用事例 - スタディサプリ Product Team Blog

この記事はReact Native Advent Calendar 2017の5日目の記事です。こんにちは。モバイルエンジニアの@hotchemiです。今回はQuipperにおけるReact Native活用事例に関して紹介したいと思います。目次導入の背景/効能開発におけるメリット/デメリットリリースサイクル技術スタックおわりに導入の背景/効能 Quipperが開発しているスタディサプリでは合格特訓プランという現役大学生コーチによる学習伴走サービスを提供しており、コーチとユーザーのコミュニケーションをより円滑にする為にメッセージ機能をベースとした業務補助iOSアプリの開発を実施する事になりました。最初のバージョンこそSwiftで開発を進めていたものの以下の組織的・技術的な課題に直面した為、React Nativeを用いた開発に方針転換し現在では運用が軌道に乗っています。

shinji0213 2017/12/05

リンク

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