redux-sagaでReduxのルーティングを制する - Qiita
3行で言うと react-router はただのコンポーネント切り替え react-router-redux はロケーション情報をストアに同期するだけで、コンポーネントを表示する前にデータ取得する方法を提供しない redux-saga を使えば最高のルーティングが実現できるのでは？ → redux-tower を開発中 リポジトリ: https://github.com/kuy/redux-tower デモ：http://kuy.github.io/redux-saga-tower/blog/ はじめに 「redux-sagaでReduxのルーティングを制する（ｷﾘｯ」とか言っちゃいましたが、まだライブラリをリリースできていませんし、実務で使っているわけでもありません。本当に制しているかどうかはこれから使っていって改良も加えつつって感じです。redux-saga を使う時点でそっと閉じる人
Routing and Navigation in React Native
Early 2017 update: Check out React Navigation, the routing and navigation library developed in collaboration between Exponent, Facebook, and other members of the React Native community. In some ways it is the spiritual grandchild of ExNavigator. We recommend you use React Navigation in your projects. Fall 2016 update: Check out the new routing and navigation library, called ExNavigation. It suppor
A Simple Way to Route with Redux
This post took months to write. I wasn't working on it consistently, but every time I made progress something would happen that made me scratch everything. It started off as an explanation of how I integrated react-router 0.13 into my app. Now I'm going to talk about how redux-simple-router came to be and explain the philosophy behind it. Redux embraces a single atom app state to represent all the
Simple Routing with Redux and React
TL;DR? Clone the Starter Kit instead. Have you ever wished that libraries for React apps could be simpler? Sure, you know that there are cases when all the bells and whistles are an advantage — but for you, features aren’t as important as clarity. Instead of giving up control to fast-moving libraries written by big names, you want to understand what is going on under the hood. And instead of sifti
React and pushState: You're doing it wrong
In the world of React.js single-page apps, there are two types of routing: push-state, and hash-based. Each of these have their strengths and weaknesses. Now as you may know, most of the React ecosystem focuses on push-state routing, using the HTML5 History API and (sometimes) server-side rendering with Node.js. There are a number of reasons for this, the two main ones being: The HTML5 History API
React Routerで認証を制御する方法 - Qiita
React Routerで認証を制御する方法です。試行錯誤して良さそうな実装方法を発見したのでご紹介します。 アプリに認証があると、画面ごとに、 認証済みユーザのみアクセスを許可したいページ アカウント設定など 認証していないユーザのみアクセスを許可したいページ ログイン・新規登録など 認証に関係なくアクセスを許可したいページ Qiita投稿のようなパブリックなコンテンツなど の設定が必要になる場合があります。 React Routerのサンプルをいくつか見たところ幾つか認証を制御する方法が示されていました。 onEnterを使う方法 AuthenticatedComponent onEnterを使う方法 本家のサンプルで例示された実装です。現在βのreact-router 1.0.0が必要になります。 function requireAuth(nextState, transition)
React-Router with Flux
react-router provides great route handling with route params and query params. Flux provides a pattern for building React apps, including a pattern from providing data to your components. Here's a straightforward way to make route changes trigger data changes in your components. Note: Code here reflects usage of react-router 0.11.x. It is often the case that we'll need to trigger data changes in a
GitHub - trekjs/router: ⚡ A fast HTTP router, inspired by Echo's Router
$ yarn run bench yarn run v0.22.0 $ node benchmarks GitHub API, 203 routes: trek-router x 12,652 ops/sec ±0.86% (91 runs sampled) memoryUsage: { rss: 69746688, heapTotal: 46108672, heapUsed: 31815272, external: 9284 } path-to-regexp x 973 ops/sec ±0.21% (95 runs sampled) memoryUsage: { rss: 87674880, heapTotal: 63422464, heapUsed: 52531280, external: 9284 } route-recognizer x 795 ops/sec ±1.18% (9
kazitori.js - レガシーブラウザでも使えるpushState対応のルーティングライブラリ MOONGIFT
pushStateを使うとAjaxを使ったWebアプリケーションにも一意のURLを設けられるようになります。また、既に別な画面を表示しているユーザはAjaxでデータの転送量を減らし、最初の表示時はHTMLをレンダリングすると言った仕組みにもできます。 そんなpushStateやURLごとのルーティングを容易に実装できるようにしてくれるライブラリがkazitori.jsです。外部ライブラリ非依存なのでjQueryなど他のライブラリと組み合わせて使うこともできます。 サンプルのコードです。 class Router extends Kazitori beforeAnytime:["testBefore"] befores: '/<int:id>':['testShow'] routes : '/':'index' '/</int:id><int:id>':'show' '/<string:us
Fluxの枠にURLルーティングを収める試行 - saneyuki_s log
JSer.info 200回記念祭の懇親会でざっくりアイディアだけ話していた記憶（酔っ払っていたので正確には覚えていない）なんだけど、実際に必要になったので試しに作ってみたという話。 モチベーション Fluxパターンを用いた設計を行なっている場合というのは往々にしてSingle Page Applicationであるので、URLに基づくルーティングを要しない、純然たるアプリケーションなケースが多い。だが、アプリケーションの性質によっては、パーマネントリンク的な機能の再現をしたいことがあり、ルーティング機構が欲しかったりする。 で、そういう場合については語られてる事例をあんまり見かけなかったので、作ってみた。 デザイン Storeに基本ロジックを閉じ込めるのは変わらない URLに基づく履歴情報は、ユーザーインターフェースの一種と捉える。ので、Viewと考える 使ったライブラリ 基本要件として
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - aksonov/react-native-router-flux: The first declarative React Native router
GitHub - aksonov/react-native-redux-router: React Native Router using Redux architecture
GitHub - reactjs/react-router-redux: Ruthlessly simple bindings to keep react-router and redux in sync
GitHub - thewei/react-native-navigator: **[DEPRECATED]** A simple router for react native
GitHub - Andr3wHur5t/react-native-route-navigator: React-Native page navigation using URIs.
GitHub - expo/ex-navigator: Route-centric navigation built on top of React Native's Navigator
GitHub - t4t5/react-native-router: Awesome navigation for your React Native app.