GitHub - jsdf/coffee-reactify: DEPRECATED – browserify transform to compile coffeescript + react jsx (cjsx)You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
React Developer Tools - Chrome Web Store
Adds React debugging tools to the Chrome Developer Tools. Created from revision 5d87cd2244 on 7/4/2025. React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get two new tabs in your Chrome DevTools: "Components ⚛" and "Profiler ⚛". The Components tab shows
Compiling JSX with Sweet.js using Readtables
JSX is a Facebook project that embeds an XML-like language in JavaScript, and is typically used with React. Many people love it and find it highly useful. Unfortunately it requires its own compiler and doesn't mix with other language extensions. I have implemented a JSX "compiler" with sweet.js macros, so you can use it alongside any other language extensions implemented as macros. I have a vision
Marionette.Viewクラス の使い分け - Qiita
※ サンプルコードは、coffeescript、テンプレートはhamlcを使用しています。 View の種類 ItemView, CollectionView, CompositeView, LayoutView の4つで、それぞれMarionette.Viewを継承している。 ItemView 1つのアイテムを表し、たいてい1つのModelと紐づかせる。 Templateを使用しない場合 CollectionView 複数のItemViewを管理するView。自身をレンダリングすると、管理しているItemViewもすべてレンダリングする。 自動レンダリング機能 CollectionViewは、add,remove,resetのイベントをリッスンしている。 CollectionViewに紐づいているCollectionがresetされた場合、自身を再度レンダリングする。 Collectio
React+expressでisomorphicなWebページを作ってみた - Qiita
Virtual DOMは速い以外にもDOMを文字列としてレンダリングできるという利点があります。 これを利用するとモダンなブラウザなどではクライアント側でJSをバリバリ動かして、古いIEやクローラー等にはサーバー側でレンダリングしたものを返したりといったことができます。 そういうわけで練習がてらReact+expressで試しにブログ風のウェブページを作ってみました(ukyo-react-sample/blog at master · ukyo/ukyo-react-sample)。普通にページングできてタグがある感じのものです。 モダンブラウザの場合は初回アクセスだけwebpackでビルドしたJSを含むファイルを受け取ってその後はpushStateを使ってルーティングを行い、必要なデータを得るためにAPIを直接叩きます。 ボットや古いIEではアクセスする度にサーバーでレンダリングしたもの
Underscore.js
Underscore.js (1.4.4) » GitHub Repository » Annotated Source Introduction Collections - each - map - reduce - reduceRight - find - filter - where - findWhere - reject - every - some - contains - invoke - pluck - max - min - sortBy - groupBy - countBy - shuffle - toArray - size Arrays - first - initial - last - rest - compact - flatten - without - union - intersection - difference - uniq - zip - ob
gulpは、destの後にもアクションを繋げられる - Qiita
gulpのAPIマニュアルにも書かれていますが、gulpでは、gulp.destを書いたからと言って、そこで終わりにする必要はありません。 注: 下記、CoffeeScriptで書いてますが、gulpの標準はJavaScriptです。適宜読み替えてください。 例: 複数ディレクトリに出力する 例えば、こんな風に書けば、3つのディレクトリにテキストファイルをコピーできます。 gulp = require 'gulp' gulp.task 'multi-dist', -> gulp.src ['./src/*.txt'] .pipe gulp.dest './dist1/' # 1つ目のdest .pipe gulp.dest './dist2/' # 2つ目のdest .pipe gulp.dest './dist3/' # 3つ目のdest
Integrating D3.js visualizations in a React app
A small example exploring how to integrate D3.js data visualizations into a React app. I've been working with D3.js and React lately, and in this post I wanted to share a few ways I found in building components and the interface between them. I think they help make both libraries work together quite nicely. We'll be building a small example to illustrate this, and you can find the full code on Git
io.js がリリースされました - from scratch
さてさて、io.js ver.1.0.0, 1.0.1 が無事アメリカ時間の1/13日に予告通りリリースされました。 リリースから数日経過して、現在はv1.0.3が出ています。 ある程度v1.0が安定してきた今、実際にNode.jsとどう違うのかを解説したいと思います。 Node.jsと機能的に違う所はどこか 前回の記事のio.jsについて知っていること - from scratchでも触れたんですが、一番大きな違いはv8が新しくなり、ES6の機能が増えました。 詳しくは公式のES6に関するページを読んでもらうとして、かいつまんで書いていきます。 ES6の機能に"shipping", "staged", "in_progress"の3段階のラベルがつくようになりました。 これはES6の機能の安定度合いを示していて、 "shipping" > "staged" > "in_progress"
Backbone.Marionette.js: A Gentle Introduction
If you're interested in getting the latest and greatest in Marionette, help by making a book on v3 a reality here. I might be writing a new book covering v3. I don't know whether there will be enough interest to warrant it, or when it will be ready, so you'll probably still want to pick this one up: current readers will get a major discount on the new book when it ships. The book is up to date for
jQueryにおけるattrとpropの違いと使いドコロまとめ - Qiita
checkboxやradioのチェック状態を調べる際にはattrではなくpropを使うのが良い。 attrでも取れないこともないですが、propで取得する方が処理が早いです。 特にIEの場合、inputに対するdisabledの処理がものすごく重く、attrでdisabledやcheckedの処理を沢山していると、無駄に最悪な感じで負荷がかかります。 attrとpropの取得の違い## またこの２つは、同じ値を取得してるようで異なる値を取得するので注意。 例えば の場合、 チェック時 prop true attr checked 非チェック時 prop false attr undefined という全然違う値が返ってきます。 なぜ解釈が違うのか## attrは純粋に 属性における値 を取得するので、この場合は、 checkされてない ↓ checkedという『属性』がない！ ↓ unde
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - duncanbeevers/jade-react: Compile Jade templates to React.DOM expressions
GitHub - reactjs/react-tutorial: Code from the React tutorial.
CoffeeScript do, pass argument
GitHub - marionettejs/marionette.inspector: :mag: Marionette Inspector - Explore your App
GitHub - documentcloud/underscore-contrib: The brass buckles on Underscore's utility belt
GitHub - m19c/gulp-run: Pipe to shell commands in gulp
GitHub - simnalamburt/gulp-slm: :zap: Compile Slm templates with gulp, Migrated to https://github.com/simnalamburt/npm/tree/master/packages/gulp-slm
GitHub - slm-lang/slm: Slim, Jade like template engine for node
GitHub - facebook/react-devtools: An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.
