ES6 チートシート | POSTD
日々の仕事の中で役に立つES2015（ES6）のティップス、コツ、ベストプラクティス、プログラムの見本をご紹介します。コントリビューション歓迎です！ 目次 var vs. let / const IIFEからブロックベースへ アロー関数 文字列 デストラクチャリング モジュール パラメータ クラス シンボル マップ WeakMaps Promises ジェネレータ Async/Await var vs. let / const var の他に、値を格納する let と const という識別子が新たに追加されました。 var とは異なって、 let と const はクロージャのスコープ内で最初に記述されることはありません。 var の使用例です。 var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack
React with Babel Cheatsheet - James K Nelson
One of my favourite blog posts on the internet is Steven Luscher‘s guest post on the Babel blog, React on ES6+. It manages to be both incredibly helpful and easy to understand, while being short enough that when you hit the end you’re like “wait, is that it?”. And as it happens, one of the most frequent requests I get is for an updated version of my React cheatsheet, showing the newer React compon
How to Learn ES6
We ran a survey at about the time the standard became official in June 2015 to see how many people were using ES6. Nearly half of respondents already were. Because of the availability of transpilers and polyfills, the world adopted ES6 much faster than previous enhancements to the language specification. ES6 includes lots of great enhancements that will make you & your team more effective. If you
material-fluxというFluxライブラリをREADME駆動で開発した
material-fluxというFluxアーキテクチャの実装ライブラリを書きました。 Fluxって何?と思う人は以下などを見ると良さそうな気がします。 React: Flux Architecture - Video Tutorial Series @eggheadio Fluxとはなんだったのか + misc at 2014 - snyk_s log Fluxアーキテクチャの覚え書きを書いた - snyk_s log The Flux Quick Start Guide Getting To Know Flux, the React.js Architecture ♥ Scotch What the Flux? (On Flux, DDD, and CQRS) — Jack Hsu なぜ作ったか IDE readable(machine readable)なライブラリが欲しかったのがひと
手軽にes6を試す環境も作っておきたいと思った - podhmo's diary
はじめに es6を試す環境もほしい。(今回はes2015とか細かい事は気にしない) とりあえず以下の様なことができてほしい es6で作成したコード片のtranspileの結果を手軽に確認できる es6で作成したコード片の実行が手軽にできる ブラウザから試せるrepl 以下のようなブラウザから試せるreplもある Babel repl es6console/ まぁ、今回は手元の環境で試せるようにしたい 手元の環境でes6を試す es6で作成したコード片のtranspileの結果を手軽に確認できる とりあえずes6のコードを書いてそれをcommonjsに変換する事ができるようにする。 色々細かく分かれているので以下を参考にしてほしいものを見繕うと良い。 https://babeljs.io/docs/plugins/#presets setup npm install babel-cli ba
reactjs - Higher-Order Componetを使ってES6 Class記法でmixinっぽいことをする - Qiita
v0.13からのES6 Class記法でmixinが使えない問題を解決する方法としてHigher-Order Componentsという方法がある。 Mixins Are Dead. Long Live Composition — Medium Gunosy React Meetupのkoba04さんのLTで紹介されていたのを今更調べたのでまとめる。 mixinのおさらい FluxフレームワークでよくあるStoreとComponentをひもづけるためのMixinの例。 // FluxフレームワークでよくあるStoreとComponentをひもづけるためのMixin function StoreMixin(...stores) { var Mixin = { getInitialState() { // getStateFromStoresはComponent側に定義する return th
React.js の 公式Tutorial を gulp を利用して簡単に実行できる環境を作って、ES6も試した - Qiita
React.js の 公式Tutorial を gulp を利用して簡単に実行できる環境を作って、ES6も試したJavaScriptReactbabel 前回 QiitaにReact.js をgulp で Babel + Browserify を利用して動作させるシンプルな環境を作ったで guip を利用した React.js を試す環境を作成しました。 次に React.js の 公式Tutorial をやってみようかと思ったのですが、公式Tutorial 中で Ajax を利用したサーバー環境を動作させる必要があり、ちょっと大変な感じがしたので、今回 React.js の 公式Tutorial を簡単に実行できる環境を gulp で作成しました。この環境を使えば、Ajax のサーバー環境まで含んでいるので、ダウンロードして、いくつかコマンドを実行するだけで、すぐに学習を始めることが可能
React v0.13.0 Beta 1 – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. React 0.13 has a lot of nice features but there is one particular feature that I’m really excited about. I couldn’t wait for React.js Conf to start tomorrow morning. Maybe you’re like me and staying up late excited about the conference, or maybe you weren’t one of the lucky ones to get a ticket. Either way I figured I’
Refactoring React Components to ES6 Classes
Here at NMC, we're big fans of the React library for building user interfaces in JavaScript. We've also been experimenting with the next version of JavaScript, ES6, and were excited to see the latest version of React promote ES6 functionality. Starting with React 0.13, defining components using ES6 classes is encouraged. Refactoring a React 0.12 component defined using `createClass` to an 0.13 and
React and ES6 - Part 1, Introduction
This is the first post of series in which we are going to explore the usage of React with ECMAScript6. 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 Mixins when using E
Browserify, Babelify, React, Arda で画面遷移を表現する その1 « yukku++
タイトルのキーワード通り、React を使った Javascript 開発の入門的なのをやってみました。 44uk/demo-browserify-babelify-react-arda 考えたり試行錯誤したことを丁寧に記述してみた(つもり)ため前置きが長いです。ご了承ください。 この記事では、 Browserify の働きと使い方 Baberify を組み合わせる React のコンポーネントを表示してみる Arda でコンポーネントの切り替えをしてみる というのがトピックです。 当方は、仕事上 jQuery で DOM をこねくり回していますが、このままではいけない危機感と、もう一つ上の男になりたく行動した次第です。 この界隈、いろいろググってみましたが、こう！といったベストプラクティスが見えるような見えないような…そんな感じです。 その中で色々考えてみた結果、タイトルのキーワードを選
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ReactのチュートリアルをES6で書いてwebpackとESLintも使ってみる - Qiita
Loading...