GitHub - ian13456/mc.js: Open source Minecraft clone built with ThreeJS, ReactJS, GraphQL, and NodeJS.

2019/08/16 36 users GitHub GraphQL together code

Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up Open source Minecraft clone built with ThreeJS, ReactJS, GraphQL, and NodeJS. 続きを読む

ReactJSで作る今時のSPA入門 - Qiita

2017/10/16 48 users Qiita ウェブアプリケーション Brackets 告知

告知：10/22(日)にこの内容説明します。 conpass: ReactJS MeetsMore ReactJS使ってナウいウェブアプリケーション作ろうぜってことでまとめてみようと思います。 以前はウェブアプリケーション作る時はBracketsやAtom使っていたのですが プラグインのアップデートとかバグった時がめんどくさかったり、エディタが重かったりしたので 最近は Visual Studio... 続きを読む

SinatraでReactを使うためのgemを書いた - Qiita

2017/01/15 31 users Sinatra Padrino Qiita React gem

ReactJSが取り沙汰されるようになって久しい昨今、 Ruby界隈ではRails対応のgem、もしくはプラグインしか存在しておらず、 未だにSinatraやPadrinoでReactJSを(サーバサイドレンダリングも含め)使うためのgemがないことに絶望したので自分で書いた。 個人的にはサーバサイドレンダリングは筋が良い技術だとは到底思えないし、廃れゆくべき技術だと思っているが、 個人開発におい... 続きを読む

業務系アプリの実装だからこそReact使おうぜ - タオルケット体操

2015/12/20 62 users React advent-calendar 実装 http

2015 - 12 - 20 業務系アプリの実装だからこそReact使おうぜ ブログカスタマイズ JavaScript React この記事は(React.js Advent Calendar 2015) http://qiita.com/advent-calendar/2015/reactjs の20日目の記事になります。 割とふわっとした感じの記事になるかとおもいます。 なお以下の文章は非We... 続きを読む

reactjs - reactをプロジェクトで本気で使ってみた感想 - Qiita

2015/12/09 66 users React redux Qiita プロジェクト みなさん

書こうと思った気持ち react+reduxを使ったプロジェクトを乗り切ったので、その辺で感じた事を書き連ねます。この記事では主にreact使ってみての感想なので、reduxと絡めた話はまた別記事で。 react使おうかなー、どうしよっかなー、という人の参考になれば幸いです。 reactの深い技術についての話は他のみなさんが書いてくれていると思うので、メリット・デメリットとか、こういう処理はここで... 続きを読む

reactjs - React NativeのComponentの流行り具合 - Qiita

2015/11/06 42 users component Components Qiita 近道

React Nativeでアプリを作る予定なのですが、何が人気なのかとかいまいちつかめていないのでとりあえずAwesome React Nativeの Componentsにリストアップされているリポジトリのスターのつき具合をまとめてみました。（2015/10/17時点） 定期的に（覚えてたら）更新しようかと思います。 とりあえずは上からどんなComponentなのか見ていくのが近道になりそうな予... 続きを読む

reactjs - React component ライフサイクル図 - Qiita

2015/10/17 99 users Qiita 文章 React Component 理解 公式

React component はライフサイクルしっかり頭にいれてないとダメな気がする。 公式のページに文章で説明されているものを図にしてみた。個人的には理解が捗った。 続きを読む

reactjs - javascript再勉強のためにreact + ardaでマインスイーパーをつくったので気づきを忘れないようにメモ - Qiita

2015/08/06 162 users React マインスイーパー Qiita arda メモ

一ヶ月近くの有給休暇を経て8/1から完全な無職になりました。前職ではjsといえばviewsに$()を書きまくるという所業をはたらいておりましたが、railsはapi、フロントは別口でというのが流れであるっぽいので、ちゃんとしたjs作業をしましょうというのが今月のあらすじ。 成果物 うごいてるもの No Mines Land 左右同時押しがMouseEventから簡単にとれてびっくりした。 ソース ... 続きを読む

RailsをバックエンドにしたFlux(React + Alt)を試してみる ｜ Developers.IO

2015/07/23 63 users Flux 丹内 scaffold Rails React

丹内です。 最近ReactJSを触り始めました。 掲題の通り、Railsをバックエンドにした場合のFluxを書いてみたのでまとめます。 このエントリの参考URLにあるリポジトリを参考にしました。 バックエンド 普通のRailsアプリです。Scaffoldをベースに、フロントエンドを書いていきます。 db/migtate/create_books.rb class CreateBooks < Act... 続きを読む

reactjs - ES7 Decoratorでresizeイベントをいい感じに処理してくれるパッケージ作ったよ - Qiita

2015/07/14 25 users Qiita パッケージ いい感じ

今、React・Fluxで作っているツールで、window.onresize時にwindow.innerHeightをdivのheightとして設定するようなComponentを作った。 こういう感じ： class Example extends React.Component { constructor (props) { super(props); this._onWindowResize =... 続きを読む

reactjs - React.js + Chart.jsでインタラクティブなグラフを書く - Qiita

2015/07/14 37 users Qiita RECORDS React.js 額縁 変数

# React.DOMの記述を省略するための変数。 R = React.DOM # メインの部品 @MovingRecordsApp = React.createClass getInitialState: -> records: @props.data getDefaultProps: -> records: [] ... # グラフと額縁のテンプレート chartsPanel: -> R.di... 続きを読む

reactjs - Reactデザインパターン - すべてがeになる - Qiita

2015/05/19 128 users Qiita すべて

次期プロダクトでReact.jsを使ってみようと思っていて、その設計をどうすれば良いのかと試行錯誤した結果、それなりにイケてる結論に辿り着いたので、そのメモ書きです。 作ってみれば、Fluxとはこういうことか！というのがわかります。(若干アレンジはされてると思うけど。) それまで漠然と「ふーん、なるほどね。。」みたいな感じでなんとなくしか理解してなかったFluxが実は超画期的なパラダイムシフトであ... 続きを読む

reactjs - React.PropTypesをDecoratorsを使って書けるライブラリを書いた - Qiita

2015/04/20 17 users Qiita ライブラリ

ES6 classを使ってReactのComponentを書こうとすると、PropTypesを定義するのにコンストラクタのプロパティにしろとか、Property Initializersを使えとか言われているけど( https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html )、どうもしっくりこないのでDec... 続きを読む

reactjs - Some reasons why you should/shouldn't consider using facebook's immutable-js with React (with Highcharts usage examples) - Qiita

2015/04/07 22 users Qiita

If you're willing to go and use immutable-js for your data interaction, it can be quite easy to use it. Should you use it? Pros: Immutable.is() makes checks for changes to props trivial Easy to just c... 続きを読む

reactjs - React.js使ってQiitaトレンド作ってみた - Qiita

2015/04/06 36 users Qiita クライアントサイド raw React.js タグ

最近話題になってるReact.jsを使ってクライアントサイドだけで動く簡単なアプリを作ってみた。 ソース https://gist.github.com/tag1216/819ded0722cedf75996f デモ http://bl.ocks.org/tag1216/raw/819ded0722cedf75996f/ これは何？ GoogleトレンドのQiita版。 指定のタグがついた投稿の件... 続きを読む

reactjs - React Native ファーストインプレッション - Qiita

2015/03/28 338 users Qiita ファーストインプレッション Props jsx

React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデ... 続きを読む

reactjs - React Nativeを触ってみた - Qiita

2015/03/26 36 users Qiita React Native

朝起きたらこんなページを見つけたので15分だけ触ってみた。 基本的な導入は以下にあるが、ここでは最低限動くまでメモ。 http://facebook.github.io/react-native/docs/getting-started.html 1. 準備 React Nativeを動かすには、最低限nodeとreact-native-cliが必要になる。 上記をインストール後、react-na... 続きを読む

reactjs - React 雑感 - Qiita

2015/03/18 382 users Qiita React プログラミングパラダイム 殴り書き

3/22 (日) の rebuild.fm で React の話をしようと思っているが、その前に頭を整理するために React 雑感。雑感なので殴り書き。 React はこれ一つで複数の課題を解決しようとしている。そのため、人と議論してると話のコンテキストがぶれやすい。ざっくりは フロントエンドのプログラミングパラダイムを、サーバーサイドのような富豪的なスタイルに変える コンポーネント (雑に言う... 続きを読む

React.jsをCoffeeScriptとjadeで書く | uzimith.github.io

2015/03/15 78 users Jade CoffeeScript React.js あたり

はじめに React v0.13.0 Beta 1 | React React.Componentを使うと生のJSのclass形式でReact Componentを定義できる reactjs - react-jadeでjadeテンプレートから仮想DOMを出力する - Qiita JSXのXの部分をjadeで書けるようにするライブラリ (Jade -> React VDOM) ここあたりの記事を読ん... 続きを読む

Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 - かちびと.net

2015/02/20 57 users iOS WebComponents コンポーネント Mui

MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebComponents、iOSやA... 続きを読む

Serverside React Rendering: Isomorphic JavaScript with ReactJS + Node

2015/01/03 23 users Rendering node WordPress http

David Wells http://www.inboundnow.com Founder of Inbound Now. Node + React JavaScript Developer. I build the internets + marketing tools for WordPress. What is Isomorphic JavaScript ? Shared JavaScrip... 続きを読む

reactjs - React.jsについてのリソース、そして締め - Qiita

2014/12/25 57 users Instagram Facebook GitHub リソース

メリークリスマス！ いよいよ最終日です！ ここまでReact.jsについて紹介してきましたが少しでも参考になって使ってみようと思ってもらえると幸いです。 React.jsはfacebook、instagramやGitHubのAtomEditorもちろん、↓を見てもらえればわかる通り「AirBnB」、「Atlassian」、「Netflix」、「Reddit」、「The New York Times... 続きを読む

reactjs - React.jsとFlux - Qiita

2014/12/22 97 users Flux Qiita Architecture リポジトリ

今回はReact.jsとも関わりがあるFluxについて紹介したいと思います。 http://facebook.github.io/flux/ Flux is Architecture https://github.com/facebook/flux ↑の図はfacebookのfluxのリポジトリにあるものですが、Fluxは上記のようなArchitectureの名称です。faceboo/fluxのr... 続きを読む

reactjs - React.jsとserver-side rendering - Qiita

2014/12/17 81 users Qiita DOM サーバーサイド React.js HTML

今回はReact.jsの大きな特徴の1つで、これが出来るから使うという人もいるserver-side renderingについて書きたいと思います。 server-side renderingとは文字どおりサーバーサイドでHTMLを生成してrendering出来るようにするものです。SinglePageApplicationのようなJavaScriptでDOMを組み立てるようなアプリケーションの場... 続きを読む

reactjs - 【個人メモ】React.jsを使ってserver-sideレンダリングを試す - Qiita

2014/12/12 53 users Qiita DOM github.com React.js

React.jsのserver-side レンダリングを試す React.js Tutorialではフロントエンドでの実例が用いられていた。 githubリポジトリ上には、React.jsを使ってDOM(Virtual DOM)をサーバサイド側で構築し、 フロントエンド側にはレンダリング結果を返す、というサンプルがある。 https://github.com/mhart/react-server-... 続きを読む