自作フレームワークをつくって学ぶ 仮想DOM実践入門
昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D
React NativeのViewもLogicも非同期処理もjestで全部テストする - Qiita
というコマンドでテストの実行が可能です。 また、jestはルート以下で__tests__ディレクトリ配下にあるファイルはテストファイルとみなします。 アプリケーションの分割とディレクトリ構成 基本的にreactとreduxのベストプラクティスに従っておけば良いと思っています。 A Better File Structure For React/Redux Applications 個人的React周りベストプラクティス⑤ - Reduxディレクトリ構成編 一方で「お前が作るアプリはそんな大層な構成が必要なほど巨大なのか？？ん？？？」 っていう類の批判もある模様です。割と的を射た指摘だと個人的には思います。 11 mistakes I’ve made during React Native / Redux app development 今回は勉強の意味合いも兼ねているので前者寄りの以下のよ
Firebase In-App Messagingを早速触ってみたのでまとめる - Qiita
In-App Messaging, Crashlytics integrations, and more! Oh my! にて発表があり、「In-App Messaging」という機能がβ公開されたので早速触ってみました。 In-App Messagingとは In-App Messaging - Introduction (引用: In-App Messaging, Crashlytics integrations, and more! Oh my!) ざっくり説明すると、アプリ内で指定した条件に基づき、カスタマイズしたポップアップ形式やバナー形式のViewを表示できる機能です。 よくサービス内で、特定の条件になったらポップアップを出すとか、そういう実装をすると思うのですが、それをFirebaseが今回提供した形です。 In-App Messagingでできること 表示するViewのカス
React Native Elements でイケてるUIを作る - Qiita
どんな記事？ React Nativeのスター1万超えのUIライブラリ React Native Elements の使用方法についてまとめた記事です。 今回はプロジェクトを作るところから始めてみます。 また、バージョンは 0.19.0を使用しております。 また、@y_tsubukuが開発するyaritori - メール共有システムも、良ければご覧ください プロジェクトを作成 create-react-native-appでさくっと。 # プロジェクト作成 $create-react-native-app elements_example # 作ったプロジェクトのルートディレクトリへ移動 $cd elements_example # 起動 $yarn start import React from 'react'; import { StyleSheet, Text, View } fro
Universal Tab Bar in React Native
React Native has a core component called TabBarIOS, which renders a tab bar at the bottom of the screen on iOS platform. But it doesn’t work on Android. If you want to have tabs in your app that look and work the same on both, iOS and Android, follow this tutorial, and in 15 minutes you’ll learn how to build them. If you don’t have any experience with React Native check out 3 Steps to Build Your F
React Native ScrollView animated header
Update: Changed the project source to use Expo and changed the structure a little bit to use transforms instead of height to be able to leverage the native driver. See this commit for the changes I made. Here’s a walkthrough that shows how to build a header that is animated with the scroll position of a ScrollView. I had to build something similar for an app and found out that it was really easy t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
