javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。今回の記事では、AutoReserveでおこなっているコード共通化の取り組みについて紹介します。 背景 AutoReserveのネイティブアプリはReact Nativeで書かれており、またウェブ版は、Reactで書かれています。 ウェブ版では、React Native for Webという、React上でReact NativeのコンポネントのAPIを使えるようにするライブラリを使用しています。 React Native for Webを採用したことで、ハローでは現在、エンジニア1人でiOS、Android、ウェブの全てのプラットフォームに同時展開できるようになりました。 また、不具合修正やデザインの修正も、一箇所を修正するだけで同時にできるようになりました。それぞれのプラ
Core A style library for React and/or React Native with a large typed superset of the React Native style API, with no outside dependencies in about 24Kb. Static A smart optimizer that makes your app fast with partial analysis, extracts CSS, flattens your tree, and removes code. Next, Webpack, Vite, Babel and Metro. Tamagui All the components you'd want, cross platform and adaptable to each other.
はじめに 開発が一区切りついてリリースする際に、バージョン番号を上げる操作を「bumpする」って呼んだりしますよね。番号を上げるだけと言えばだけなのですが、この記事では以下の様な観点に着目して、bumpの方法を考えてみます。 monorepoのプロジェクトの場合、各パッケージのバージョンをさっと上げるには React Nativeアプリのパッケージを含んでいる場合、iOS/Android固有のファイルに書かれているバージョン番号を上げるには JavaScriptのエコシステムにある色々なコマンドやライブラリを紹介していくのですが、色々整理した末に、「結局、このRuby gemでよくないですか・・・」というところに行き着く記事です。 npmには、package.jsonのversionフィールドをbumpするコマンドがある npm version というコマンドがあって、単体のpackage
A React component for displaying text. Text supports nesting, styling, and touch handling. In the following example, the nested title and body text will inherit the fontFamily from styles.baseText, but the title provides its own additional styles. The title and body will stack on top of each other on account of the literal newlines: Nested text Both Android and iOS allow you to display formatted
はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！ はじめに React Native Japanコミュニティ React Nativeでの画像キャッシュの仕組み(iOS) React Native 0.64 と 0.63.5 JCenter のクローズによる影響 Redux・Context API・Recoil のパフォーマンス比較 Wix社のDetox運用ノウハウ リアルタイムエンゲージメントのプラットフォーム "Agora.io" Quoraの質問: 「ReactではなくFlutterを選択する理由は何ですか？」 中国生まれのReact用UIフレームワーク "Ant Design" アニメーションライブラリGSAPがすごいらしい さいごに We're Hiring React Native Japanコミュニティ 今回のブログ
In June 2019, at WWDC 19, Apple announced that as of April 2020 it would be a requirement to use Xcode’s storyboard to create your splash screen. This was a surprise to me when I saw a tweet from our very own Chris Ball, this past month. As a React Native developer, I have been using react-native-splash-screen for the past couple of years; which relies on .xib files. At first, I was a little conce
React Native 0.62.2のプロジェクトを0.63.3へアップデートする際に行った作業内容です。 0.63.3ではXcode12環境下でビルドができない問題が解消されている・・らしい。 ちなみに0.63.2では、iOS14で一部imageが表示されない不具合が修正されています。 更新内容の詳細はこちら(https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#v0633) React Native Upgrade Helperで差分を確認 React Native Upgrade HelperはUpgradeする際のVersion間の差分を表示してくれます。 0.62.2から0.63.3の差分はこちら -> 差分 変更済みの箇所はチェックをつけることもできます。 差分修正のみで問題なけ
経緯 2019年6月17日にあるアプリをリリースしたですが、リリースビルドしたのは2019年6月14日だったと記憶しています。 こちらに記載の通り、AndroidX関連の変更があり、本日ビルドしてみたらエラーが発生してビルドできなくなってしまいました。 https://developers.google.com/android/guides/releases This release is a MAJOR version update and breaking change. Migration from Android Support Libraries to Jetpack (AndroidX) Libraries. Libraries will not work unless you make the following changes in your app: 対応したこと 結論だ
めちゃくちゃハマって悩んだので備忘録です。 前提条件まず、私の環境を書いておきます。 ☑ windows10 ☑ android studio ☑ react-native 0.61React NativeやるのにWindows10とかないわーっていうのはちょっと置いてください。 私だってMacほしい。 コミュニティのライブラリを追加するとき☑ react-native 0.60以上はyarn addのみでOK ☑ npx react-native link パッケージ名は不要AsyncStorageとかSafeAreaViewとかProgress~とか「＠RNC」のライブラリを使用するときって、プロジェクトのルートフォルダで「yarn add」します。 yarn add --exact @react-native-community/async-storage ただし、React-Nat
はじめに React NativeではComponentのサイズを指定する際に以下のように単位無しで指定します。 基本的に、Androidは"dp(dip)", iOSは"ポイント"をサイズの単位としますが、React Nativeで指定した値がどう扱われるのかを調べてみました。 React Nativeのドキュメントを見てみる 公式のドキュメントには以下のように書かれています。 All dimensions in React Native are unitless, and represent density-independent pixels. (引用元: https://facebook.github.io/react-native/docs/height-and-width.html) density-independent pixelsとあるので、単なるピクセル数ではなくデバイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
