Choosing Ember over React in 2016 – Two-Factor Everything
Never miss a story from Two-Factor Everything , when you sign up for Medium. Learn more Currently, whether you roll your own two-factor with Google Authenticator or use an API service like Authy, a standard integration often takes weeks. With Instant 2FA, we’re building a solution that reduces the entire integration to 3 API calls and provides everything out of the box: Google Authenticator, SMS,
Laravel5 ベースのプロジェクトに React が爆速で導入できた話 - 無駄と文化
ここ3ヵ月ほどプライベートで Laravel 5.2 を使ってみています。 この度、バックエンドを Laravel、フロントエンドを React で Web アプリを組んでみようかと思い立ち、初めて React を導入してみました。 『下準備が面倒かもな...』とか思ってたんですが、Laravel Elixir のおかげで爆速で React を導入することができました。 ※ この記事は React 導入記事ではありますが、React 入門記事ではありません。React で "Hello, world!" を表示するところまでの内容です。 Laravel Elixir Laravel には Laravel Elixir と呼ばれる gulp.js タスク群が標準で付属しています。 Laravel で構築しているプロジェクトならば、Sass や CoffeeScript のコンパイルのために別
react + redux + react-router のサーバサイドレンダリングを試してみた
こんにちは、ジャバスクリプターの三宅です。 react + redux + react-router を用いたアプリケーションのサーバサイドレンダリングの情報が見当たらなかったので試してみました。 React はご存知の通り、Facebookが開発を行っている、JavaScript フレームワークです。 React は View 部分のみのフレームワークとなり、フロントエンドアプリケーション全体は別途考える必要があります。 Facebook は Flux というアーキテクチャを提唱しており、Redux はその実装となります。 React Router は、React アプリケーションでルーティングを行うためのライブラリでです。 react や redux、react-router の基本的な使い方は、公式ドキュメントや様々なブログで紹介されているので今回は、サーバサイドレンダリングの部分に
react-railsでサーバーサイドレンダリングしつつクライアントでsetStateできて最高になった - Qiita
土日でreact-railsとturbolinksを勉強してみた成果です やりたいこと 画面遷移するときは<div id='content'></div> の中身だけ入れ替えて、pushStateで行き来できるようにしたい reactを使ったリッチなページでも、イニシャルロードやSEOの為にサーバーサイドでレンダリングしておきたい サーバーサイドレンダリングした要素を破棄することなくReactで初期化してsetStateでガンガンViewを書き換えたい 結果どうなったか サーバーサイドでReactComponentをレンダリングしてクライアントのReact.renderで初期化情報を揃えて引き継ぎ どんな画面でもapp.component.setState({})が反映されて最高 TurbolinksでReactComponentをマウントしたルート要素だけ入れ替え その為にTurboli
react-railsを使ってReactのTutorialをやってみる - Qiita
はじめに react-railsという、ReactをAsset Pipelineに乗せて使えるようにしてくれるruby gemsがある。 この記事では、これを使用してReactの公式tutorialを進めていく。 公式のtutorialではサーバ側はすでに実装済みとして進んでいる。 今回はせっかくなのでtutorialを進める中でサーバ側も実装していくことにする。 ちなみに使ってみた個人的な感想としては、RailsのAsset Pipelineに乗せるならすごく順当かなー、という感じ。 browserifyを使いたい。bowerもオワコンと呼ばれてしまう。そんなこの時代。 Asset Pipelineは捨てたい感じがあるけど、既存のアプリケーションを徐々にReactコンポーネント化していく、みたいな時には良いと思う。 方針 きまぐれで、必要そうなところはReactの説明する。けど英訳とかは
React.jsとserver-side rendering - Qiita
server-side renderingとは文字どおりサーバーサイドでHTMLを生成してrendering出来るようにするものです。SinglePageApplicationのようなJavaScriptでDOMを組み立てるようなアプリケーションの場合、サーバーから返されるHTMLには空のdivだけがあってそこからJavaScriptを読み込んでtemplateを描画することになり、これには2点の問題点があります。 初期のロード時間 HTMLが返されてJavaScriptを評価してそこからtemplateの表示になるので、サーバーサイドからHTMLが返される場合と比べて当然時間が掛かります。なので別途ローディングを見せるなどの工夫が必要になります。 SEO 最近だとGoogleのクローラーがJavaScriptを解釈するようになったのでGoogleについては問題ないと言えるかもしれませんが
【個人メモ】React.jsを使ってserver-sideレンダリングを試す - Qiita
React.jsのserver-side レンダリングを試す React.js Tutorialではフロントエンドでの実例が用いられていた。 githubリポジトリ上には、React.jsを使ってDOM(Virtual DOM)をサーバサイド側で構築し、 フロントエンド側にはレンダリング結果を返す、というサンプルがある。 このサンプルを試用して react-bootstrapを使ったりGrunt 使ったりして 自分なりにReact.jsでのserver-sideレンダリングに対する理解を深めるため コードを書いてみよっかなと思った。 以下記録。 まずreact-server-exampleを試す をgit cloneし、動作確認をしてみた。 プロジェクトソースを手元に持ってくる
Adding authentication to your React Flux app
ReactAdding authentication to your React Flux appReactJS authentication gets easy if you understand just a few basic concepts. Because, let’s face it. React is the new cool kid on the block. TL;DR: You can check out a React Flux app with authentication implemented in this Github repository Let’s face it. React is the new cool kid on the block. Everybody is working on creating React components beca
Redux+Reactでの設計の悩み - Qiita
背景 React+Redux使ってみていろいろ悩み事が出てきたので書き連ねる。 選定理由 react良さそう 画面変更の度にDOMをごりごりいじるのはやめよう。 あるべきUIを定義しておけばよいという世界はわかりやすい。 でもアプリ全体としての動きのフレームワークにはなり得ない。 Flux良さそう データフローが一方向なのは回りくどい感もあるが、処理の流れとしては追いやすそう。 Flux実装どんなのあるかな？と探してみたら例のごとく群雄割拠 flummoxの作者曰く、"4.0 will likely be the last major release. Use Redux instead. It's really great." なんとなく自分の観測範囲でもreduxが良さそうな雰囲気 開発ペースも良いし、ドキュメントも最初からかなり気合い入っているので期待できそう 全部英語だけと だいた
reduxを試してみた(5日目) - ajaxを使ってUIを構築する(reduxにおける非同期の制御) - Qiita
このページは作業ログです。やったことをつらつら書くだけなのでまとめません。あしからず。 対象読者 主に自分 今日のゴール jQueryではない方法を使ってajaxを使えるようになっていること Reactのコンポーネントを非同期リクエストで構築できるようになっていること モチベーション React.jsはビューのみをサポートしたライブラリ。サーバーとの通信部分はなんも用意していない チュートリアルではjQueryを使ってサーバーと通信してた。でもjQueryはその他もろもろいろいろ機能がある。Virtual DOMとの相性がありそうなので、jQuery自体導入せずに済ませられるのならそうしたい。 調べてみた A Comparison of JavaScript HTTP Libraries for the Browserという記事によると、Ajaxリクエストを実現するには下記の方法がある。
React 0.13 日本語リファレンス | js STUDIO
このサイトについて Reactの日本語リファレンスです。 Reactの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 JUST THE UI 人々の多くはReactをMVCのVとして使用します。 Reactは他の技術スタックについて想定を行わないため、 既存プロジェクトの小規模の機能でこれを試すことは簡単です。 VIRTUAL DOM ReactはDOMを論理的に取り出し、シンプルなプログラミングモデルとより良いパフォーマンスを提供します。 また、ReactはNodeを使用するサーバー上でも描画可能であり、 React Nativeを使用したネイティブアプリも動かすことが可能です。 DATA FLOW Reactは一方向のReact
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://react-etc.net/entry/your-license-to-use-react-js-can-be-revoked-if-you-compete-with-facebook
GitHub - ptmt/react-native-macos: [deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa![GitHub - ptmt/react-native-macos: [deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa](https://cdn-ak-scissors.b.st-hatena.com/image/square/93999d8d4baf64393f11ad03ffea30e575111f32/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F2a254a8479dbfcbf6e0e7a23cf2484c47a452ddac35f2c37497f3d9d5148b96b%2Fptmt%2Freact-native-macos)
How Not to Build Web Apps - Jerry Zhou - Opinionated Development
https://qiita.com/shiichi/items/6254c77b25e269a018f0
GitHub - talyssonoc/react-laravel-example: An example of how to use react-laravel package
GitHub - talyssonoc/react-laravel: Package for using ReactJS with Laravel
redux/examples/real-world at master · reduxjs/redux
http://www.fredguest.com/2015/03/06/building-a-stateless-rails-api-with-react-and-twitter-oauth/
Building better API Docs with React and Swagger