[B! react][es6] nantanのブックマーク

React.jsのRefsをES2015で書いてみた - Qiita

初投稿です。これから備忘録代わりにキータに記事書いて行こうと思います。早速ですがReact.jsのrefsのサンプルをES2015で書き直しました。 React.jsのrefsについてとりあえずrefsについてはこのリンクを見て頂ければと思いますが http://js.studio-kingdom.com/react/guides/more_about_refs stateにデータを流してDOM操作してると、jQueryでいうところのremoveやappendは使わないにしてもサンプルのようにある動作をした後に直接DOMを操作したいということが稀にあります。そんな時にrefs使うと良いよっていう話しです。とりあえず、上記リンクのコードをES2015化して行きます。 var App = React.createClass({ getInitialState: function()

nantan 2016/06/09

リンク

React and ES6 - Part 3, Binding to methods of React class (ES7 included)

This is the third post of series in which we are going to explore the usage of React with ECMAScript6 and ECMAScript7. You could find links to all parts of series below: React and ES6 - Part 1, Introduction into ES6 and React React and ES6 - Part 2, React Classes and ES7 Property Initializers React and ES6 - Part 3, Binding to methods of React class (ES7 included) React and ES6 - Part 4, React Mix

nantan 2016/04/25

リンク

Reactをes6で使う場合のbindの問題 - Qiita

es6でReact.Componentを作成した場合イベントハンドラでthisがundefinedになる es5のReact.createClassを使った場合は、イベントハンドラが自動でbindされるので大丈夫だった es6 save(e){ this.props // undefined　になる } render (){ return ( <button onClick={this.save} />保存</button> ); }

nantan 2016/04/25

es6
React

リンク

Coffee, jQueryで書いていたElectronアプリをES6, React, Reduxで書き直した - k0kubun's blog

ElectronベースのTwitterクライアント: Nocturn ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog の時にCoffeeScriptとjQueryで作っていたNocturnというTwitterクライアントがあり、これをES6, React, Reduxを使って書き直した。この記事ではその時に得た知見、感じた事を書いておく。移行したスタックと移行時に感じたことあらかじめお断りしておくと、僕は普段はRubyでサーバサイドの実装や運用をやっている人であり、JavaScriptに関してはほぼ素人の意見なので、以下はReactとかRedux興味あるけどまだ触ったことないですみたいな人向けの内容になると思う。 CoffeeScript → ES6 移行参考: 春からはじめるモダンJavaScript / ES201

nantan 2016/03/22

リンク

Webpack + React + ES6の最小構成を考えてみる。 - 文系プログラマー

Webpack + React + ES6 Webpack + React + ES6の最小構成を考えてみる。この記事は明石家サンタを見ながら書かれました。 (注: 2016/9/25 内容を大幅に改定、WebpackやReactの最新版に対応) 関連した過去記事 Webpack入門編 uraway.hatena blog.com Gulp + Browserifyを用いた環境ビルド uraway.hatena blog.com React Tutorial uraway.hatena blog.com プロジェクトセットアップ $ npm init インストール webpackとreactをまずはインストール。 dev serverのグローバルインストールにはsudoコマンドが必要かも。 $ npm install --save react react-dom $ npm install -

nantan 2016/02/29

リンク

SCRIPTY#4　〜フロントエンド紳士・淑女のための勉強会〜 #scripty04

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 先日、定期的に開催しているフロントエンド技術に関する勉強会、SCRIPTYをヤフーで開催しました。 http://scripty.connpass.com/event/22663/ 本勉強会で発表されたセッションのスライドを発表者のコメントとともに公開いたします！発表セッションまとめ 1.Single-page application Zero to One （React/Redux/ES6/Firebase）発表者：山中悠バックエンド専門だったエンジニアが、最新のフロントエンド技術を使ってシングルページアプリケーション（SPA）を作るまでに四苦八苦した話と、実際に作ったサンプルアプリケーションを発表しました。 SPA開発

nantan 2016/01/26

リンク

はてなブックマーク

タグ

関連タグで絞り込む (9)

reactとes6に関するnantanのブックマーク (6)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス