Storybook: Frontend workshop for UI developmentStorybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
302 - JS.ORG
Dedicated to JavaScript and its awesome community since 2015
React Native Firebase | React Native Firebase
Welcome to React Native Firebase! To get started, you must first setup a Firebase project and install the "app" module. React Native Firebase is the officially recommended collection of packages that brings React Native support for all Firebase services on both Android and iOS apps. React Native Firebase fully supports React Native apps built using React Native CLI or using Expo. PrerequisitesBefo
React Nativeで自社サービスのiOS/Androidアプリをリプレイスした話 - PIYO - Tech & Life -
前置き僕が所属しているソニックガーデンではRemottyというツールを自社で開発し、普段の業務に使っています。リモートワークをするためにオフィスと言ってもいいような場所で、業務中は常にオンラインとなり、リアルタイムチャット（対面の会話の代替）とトピックベースの掲示板（メールなど非同期コミュニケーションの代替）の両方を備えたオフィスとなるようなツールです。 オフィスにいられない間にもチャットや掲示板に反応できるように、iOSとandroidそれぞれにネイティブアプリのクライアントアプリがあり、それぞれを別の開発者が担当していました。iOS版はその当時新卒2年目だった若者が作ったものを僕が引き継ぐ形でメンテしていました。 もともと自社向けに開発していたプロダクトではありますが、働き方改革の流れなどの関係もあってここ1年〜2年ぐらいの間に有償で使ってくださるお客さまが出てきました。 そうなってく
PHPNW17
時間が経ってしまいましたが、2017年の秋にイギリスのリーズとマンチェスターで登壇した事を記事にします。 トラブル発生 行きの飛行のトランジットの時間がギリギリで、乗客は間に合ったのですが荷物の載せ替えが間に合わずスーツケースが未着、翌日宅配便で届くということになってしまいました。 教訓）トランジットの短い便は、絶対に必要なものは手荷物にすべし。その日の着替え、プレゼンの時はPCは手持ちで！ 本番前日にスーツケースが届いたのですが開けるとなんとMacBookがありません！。盗難かと一瞬思いましたが「Mac を探す」アプリを起動すると9,294km離れたところで反応があるのが確認できました。つまり日本の家に単に忘れてただけ！😵… iCloudに助けられました。友人の奥さんにMacbook Airを借りて急場をしのぐことにします。 Confirmed. My Macbook is 9294k
Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
styled-components: API Reference
CSS for the <Component> AgeStyling your way with speed, strong typing, and flexibility. const Button = styled.a<{ $primary?: boolean; }>` --accent-color: white; /* This renders the buttons above... Edit me! */ background: transparent; border-radius: 3px; border: 1px solid var(--accent-color); color: var(--accent-color); display: inline-block; margin: 0.5rem 1rem; padding: 0.5rem 0; transition: all
Uppy
The all you need Dashboard — powerful, responsive, and pluggable.Add files from remote sources, edit images, generate thumbnails, and more. import Uppy from '@uppy/core' import Dashboard from '@uppy/dashboard' import RemoteSources from '@uppy/google-drive' import ImageEditor from '@uppy/image-editor' import Webcam from '@uppy/webcam' import Tus from '@uppy/tus' const uppy = new Uppy() .use(Dashboa
GitHub - danilowoz/react-content-loader: ⚪ SVG-Powered component to easily create skeleton loadings.
Here’s how I created a markdown app with Electron and React
by Tzahi Vidas Here’s how I created a markdown app with Electron and ReactThis article is a step-by-step tutorial on how to create a basic markdown application using Electron and React. I’ll describe why, how, and what I used to create the markdown app, which I call Mook. The source code for Mook can be found on GitHub. MotivationThere are a couple of reasons I started this project. Recently, I’ve
PHPアプリケーションでのReact.jsのサーバーレンダリング考える
PHPでReact.jsなアプリケーションを導入する時に眺めてみた時のメモ。 まず、ブラウザからのリクエストに対して、サーバー側でDOMをレンダリングする必要がある。 これは、ブラウザでDOMレンダリングする場合は、サーチエンジンのアクセスに対して、 空の要素を返してしまう。 そのため、その結果がインデックスされるとSEO的によろしくないからである。 そこで、どこでReact.jsを実行してDOMを生成するのかを考える必要がある。 PHPでJSを実行する React.jsをレンダリングする小さなアプリケーションに処理を委譲する の2つのパターンを考えられる。 例として簡単なView Classのテンプレートをレンダリングする。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3
Redux Middleware in Depth - Qiita
Middleware使ってますか？ 以前 Reduxのmiddlewareを積極的に使っていく という記事でMiddlewareの使いどころについて具体的な利用例を挙げました。本稿ではMiddlewareを書く上で役に立つ、もうちょっと掘り下げたTipsを紹介していきます。 ActionがMiddlewareを通り抜ける順番 export const m1 = store => next => action => { console.log('m1', action.type); return next(action); }; export const m2 = store => next => action => { console.log('m2', action.type); return next(action); }; export const m3 = store => nex
redux-sagaで非同期処理と戦う - Qiita
はじめに ReduxはSingle Store、immutableなState、副作用のないReducerという３つの原則を掲げたFluxフレームワークです。しかし他のフレームワークと違って提供しているものは最小限で、とてもフルスタックとは言えない薄さです。そのためすべてにおいて定番と言える書き方が定まっているわけでもなく、どうしようか迷ってしまうことも少なくありません。その筆頭とも言えるのが 非同期処理 の扱いです。コミュニティでは今でもさまざまな方向に模索が続いていますが、よく使われているものだとredux-thunk、redux-promiseあたりでしょうか。Reduxに限定しないのであればreact-side-effectというものもあります。こちらはTwitterのモバイルウェブ版で使われていますね。どれを使っても非同期処理が可能になりますが、それはあくまで道具であって、設計の
Building React Applications with Idiomatic Redux
This course will pick up where we left off with the Redux Fundamentals course. If you haven't watched that yet, you are highly encouraged to do so! You are about to learn practical production ready techniques for building your React and Redux applications. You will explore advanced state management, middleware, React Router integration, and other common problems you are likely to encounter while b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React 副作用分割パターン - mizdra
React製のSPAのパフォーマンスチューニング実例
React Studio
Ant Design
Choose your weapon
GitBook – Knowledge management for technical teams
