フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’楽ã«ã™ã‚‹ãŸã‚ã«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ãŒãªãœç´ 晴らã—ã„ã®ã‹
詳ã—ãã¯ã“ã¡ã‚‰ã¸ → https://www.facebook.com/groups/toretatech/
入門 React
FacebookãŒé–‹ç™ºã—ãŸJavaScriptライブラリ「Reactã€ã®è§£èª¬æ›¸ã€‚本書ã§ã¯ã€ã‚µãƒ³ãƒ—ルアプリケーションを用ã„ã¦React.jsã®ã™ã¹ã¦ã®å´é¢ã‚’解説ã—ã¾ã™ã€‚「第I部 基礎ã€ã§Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®ä½œæˆã¨åˆæˆã‚’å¦ã³ã€Reactã®åŸºæœ¬çš„ãªä½¿ã„方をç†è§£ã—ã¾ã™ã€‚「第II部 応用ã€ã§ã¯ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆä½œæˆã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚「第III部 ツールã€ã§ã¯Reactã¨å…±ã«ä½¿ç”¨ã—ã¦å …牢ãªã‚¢ãƒ—リケーションを実装ã™ã‚‹ãŸã‚ã®ãƒ„ールã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚最後ã®ã€Œç¬¬IV部 実践ã€ã§ã¯å¤§è¦æ¨¡ãªã‚¢ãƒ—リケーション開発ã«å¿…è¦ãªçŸ¥è˜ã‚„Web以外ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚èªè€…ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã®æœ€æ–°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¤ã„ã¦ã®ä½“系的ãªçŸ¥è˜ã¨æŠ€è¡“を身ã«ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚日本語翻訳版ã®æœ¬æ›¸ã§ã¯Reactã®é–‹ç™ºç’°å¢ƒã®æ§‹ç¯‰æ‰‹é †ã¨APIリファレンスを巻末付録ã¨ã—ã¦åŽéŒ²ã€‚ 目次 ã¾ãˆãŒã 第I部　基礎
ã€ç¿»è¨³ã€‘AngularJSã‹ã‚‰Reactã¸: Isomorphicãªæ–¹æ³• | POSTD
先週ã€ç§ãŸã¡ã¯Webサイトを検索エンジンå‘ã‘ã«ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ä»˜ã‘ã§ãるよã†ã«ã—よã†ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ç§ãŸã¡ãŒWebサイトを書ãç›´ã—ã¦ã„ã¦å¦ã‚“ã ã“ã¨ã®è¦ç´„を紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 背景 2ヵ月å‰ã« RisingStack.com を作æˆã—ãŸæ™‚ã€ç§ãŸã¡ã¯ãã®Webサイトã§ã©ã‚“ãªãƒ†ã‚¯ãƒŽãƒã‚¸ã‚’使ã†ã‹æ±ºã‚ãªãã¦ã¯ãªã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚イベントを追跡ã™ã‚‹é™çš„ãªãƒšãƒ¼ã‚¸ãŒæ•°ãƒšãƒ¼ã‚¸ã‚ã‚‹ã ã‘ã ã£ãŸã®ã§ã€ã¨ã¦ã‚‚ç°¡å˜ã§ã—ãŸãŒã€ç§ãŸã¡ã¯Webサイトをスケーラブルã§ã§ãã‚‹ã ã‘高速ãªã¾ã¾ã«ã—ã¦ãŠããŸã„ã¨è€ƒãˆã¦ã„ã¾ã—ãŸã€‚ ç§ãŸã¡ã®ãƒãƒ¼ãƒ 㯠AngularJS ã®çµŒé¨“ãŒè±Šå¯Œãªã®ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«Angularã‚’é¸ã¶ã®ã¯å¦¥å½“ã ã¨æ€ã‚ã‚Œã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯Reactã‚„AngularJSãŒã©ã¡ã‚‰ã‹ä¸€æ–¹ã‚ˆã‚Šå„ªã‚Œã¦ã„ã‚‹ç†ç”±ã«ã¤ã„ã¦è¿°ã¹ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„。ã©ã¡ã‚‰ãŒã„ã„ã‹ã¯å¸¸ã«ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹æ¬¡ç¬¬ã§ã™ã€‚ “Ang
React.js 実戦投入ã¸ã®é“ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近話題ã®React.jsã§ã™ãŒã€å®Ÿæˆ¦æŠ•å…¥ã«å½“ãŸã£ã¦ã¯çµæ§‹é‡ãŸã„é¸æŠžã‚’迫られるã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã–ã£ãり言ãˆã°ã€ãƒ†ãƒ³ãƒ—レートエンジンをæ¨ã¦ã¦Reactã—ã¾ã™ã‹?ãã‚Œã¨ã‚‚Reactã‚ãらã‚ã¾ã™ã‹?ã¨ã„ã†é¸æŠžã§ã™ã€‚ 本記事ã§ã¯Reactã®åŸºæœ¬æ€æƒ³ã¨ã“ã†ã—ãŸé¸æŠžè‚¢ãŒç”Ÿã¾ã‚Œã¦ã—ã¾ã†èƒŒæ™¯ã‚’è¿°ã¹ã‚‹ã¨ã¨ã‚‚ã«ã€å¾ŒåŠã§ã¯ã€Œã©ã¡ã‚‰ã‚‚ã‚ãらã‚ãªã„ã€ã¨ã„ã†(若干シミュレーションRPGã‚ã‚‹ã‚ã‚‹æ„Ÿã®ã‚ã‚‹)第三ã®æ–¹ç–ã«ã¤ã„ã¦æ¡ˆã‚’æ示ã—ã¾ã™ã€‚ Reactã®åŸºæœ¬ 最åˆã«ã€Reactã®åŸºæœ¬çš„ãªä»•çµ„ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Reactã¯å…¬å¼ãƒ‰ã‚ュメントãŒéžå¸¸ã«å……実ã—ã¦ã„
React.jsã®æœ€æ–°ç‰ˆã€ŒReact v0.13ã€ãƒªãƒªãƒ¼ã‚¹ã€‚ECMAScript 6ã®Classをサãƒãƒ¼ãƒˆã€Reactã‚’ã•ã‚‰ã«é«˜é€Ÿã«ã—ã¦ã„ãã¨å®£è¨€
React.jsã®æœ€æ–°ç‰ˆã€ŒReact v0.13ã€ãƒªãƒªãƒ¼ã‚¹ã€‚ECMAScript 6ã®Classをサãƒãƒ¼ãƒˆã€Reactã‚’ã•ã‚‰ã«é«˜é€Ÿã«ã—ã¦ã„ãã¨å®£è¨€ Reactã¯ä»®æƒ³DOMã¨å‘¼ã°ã‚Œã‚‹ä»•çµ„ã¿ã«ã‚ˆã£ã¦é«˜é€Ÿã«HTMLã®å‹•çš„ãªæ›¸ãæ›ãˆæ©Ÿèƒ½ãªã©ã‚’æä¾›ã—ã€Webアプリケーションã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰éƒ¨åˆ†ã®æ§‹ç¯‰ã‚’支æ´ã—ã¦ãれるJavaScriptライブラリã§ã™ã€‚ React v0.13ã§ã¯ã€Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®ä½œæˆã«ECMAScript 6ã®ClassãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã€ReactãŒæä¾›ã™ã‚‹ã‚¯ãƒ©ã‚¹ã‚·ã‚¹ãƒ†ãƒ を使ã‚ãªãã¨ã‚‚JavaScriptã ã‘ã§è¨˜è¿°ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ Reactエレメントã®ã‚³ãƒ”ーを作æˆã™ã‚‹APIãªã©ã®æ–°æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã»ã‹ã€ã„ãã¤ã‹éŽåŽ»ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã®äº’æ›æ€§ãŒãªããªã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚‹ãŸã‚ã€ç™ºè¡¨æ–‡ãªã©ã§å¤‰æ›´ã®å†…容を確èªã™ã‚‹ã¨ã‚ˆã„ã§ã—ょã†ã€‚ ã¾ãŸã€ã“ã®ç™ºè¡¨ã®ä¸ã§Reactã¯ä»Šå¾Œã•ã‚‰ã«é«˜é€ŸåŒ–ã‚’è¡Œã£
ES6時代ã«ãŠã‘ã‚‹Web開発者ã¨ã‚»ã‚ュリティæ¥ç•Œã®ä¹–離
3. ã„ã¾ã©ãã®Web開発 • é™çš„ãªHTML+API • アプリã¨Webã®å…±é€šåŒ–ã€ï¼³ï¼°ï¼¡ • コンパイルã•ã‚ŒãŸï¼ªï¼³ • AltJSã€Closure Compiler • MV*ã€ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° • Vue.jsã€AngularJS • Virtual DOM • React 4. é™çš„ãªHTML+API • サーãƒã‚µã‚¤ãƒ‰ã§ã¯HTMLを生æˆã—ãªã„ • スマホ用アプリã¨Webã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’共通化 • Single Page Applicationsã®å°é • JSONç‰ã®APIã®ã¿ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ • 脆弱性検査ã™ã‚‹å´ • 「ページå˜ä½ã€ã§ã®ãƒœãƒªãƒ¥ãƒ¼ãƒ 管ç†ã®ç ´ãŸã‚“ • åå°„åž‹ã€è“„ç©åž‹XSSã®æ ¹çµ¶ • ã‚‚ã¡ã‚ã‚“SQLインジェクションãªã©ã‚‚å˜åœ¨ã—ãªã„ 5. コンパイルã•ã‚ŒãŸJS • AltJSã€Closure Compilerç‰ã®åˆ©ç”¨ • TypeScriptã€CoffeeScriptã€JS
Ajaxを劇的ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascript界隈ã§ãƒ•ãƒ¬ãƒ¼ãƒ ワーク戦争ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚クライアント開発ã®è¦æ¨¡ã‚‚年々大ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’管ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚昨年ã¾ã§Angularã¨backboneを試ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCを作るMVCã®2階建ã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚フレームワークãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚一苦労ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ームã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebook発ã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—出ã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’使ã£ã¦è‰²ã€…調ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Rails以æ¥ã®è¡æ’ƒ 色々試ã—ã¦
今話題ã®React.jsã¯ã©ã®ã‚ˆã†ãªWebアプリケーションã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To React─ Frontrend Conference
今話題ã®React.jsã¯ã©ã®ã‚ˆã†ãªWebアプリケーションã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To React─ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ピクセルグリッド） 本記事ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…容を紹介ã—ã¾ã™ã€‚ 当日ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„。 Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebook製ã®JavaScriptライブラリã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚るよã†ã«ã€R
ã„ã¾æœ€ã‚‚注目ã®ãƒ©ã‚¤ãƒ–ラリ「React.jsã€ã§ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—リケーションを作ã£ã¦ã¿ã‚ˆã†ï¼ ã€å‰ç·¨ã€‘
対象èªè€… JavaScriptフレームワーク・ライブラリã®é¸å®šã«æ‚©ã‚“ã§ã„ã‚‹æ–¹ æœ¬æ ¼çš„ã«JavaScriptを触るã®ãŒåˆã‚ã¦ã¨ã„ã†æ–¹ jQueryã§ã®å¤§è¦æ¨¡ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«é™ç•Œã‚’æ„Ÿã˜ã¦ã„ã‚‹æ–¹ å¿…è¦ãªç’°å¢ƒ Node.jsãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã§ã™ã€‚ React.jsã¨ã¯ä½•ã‹ React.jsã¯æœ€è¿‘注目を浴ã³ã¦ã„ã‚‹Facebook製ã®ãƒ©ã‚¤ãƒ–ラリã§ã€MVCアーã‚テクãƒãƒ£ã§ã„ã†Viewã«ã‚ãŸã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ å‰æã¨ã—ã¦ã€JavaScriptã®ä¸–ç•Œã§MVCã®Vã¨ã„ãˆã°ã€ç´›ã‚Œã‚‚ãªãDOM（Document Object Model）ã®ã“ã¨ã‚’指ã—ã¾ã™ã€‚特ã«ä½•ã‚‚æ„è˜ã—ãªã„ã§ä½œã£ãŸå ´åˆã€éƒ½åˆã®è‰¯ã„DOMã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’引ã£å¼µã‚Šå‡ºã—ã¦ã¯åˆ¥ã®DOMを書ãæ›ãˆã‚‹ã¨ã„ã£ãŸã€è¡Œã当ãŸã‚Šã°ã£ãŸã‚Šãªä½œã‚Šã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã“ã§ã€MVCã®è€ƒãˆæ–¹ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒ‡ãƒ¼ã‚¿ã‚’ç”»é¢ã¨ã¯ç‹¬ç«‹ã—ãŸæ§‹é€ 体ã¨ã—ã¦åˆ‡ã‚Šå‡ºã—
Reactive Programming in JavaScript
- + 最近ã®å°å¦æ ¡ã§ã¯ã€ã€ŒãŠçˆ¶ã•ã‚“・ãŠæ¯ã•ã‚“ã®åå‰ã‚’グーグルã§æ¤œç´¢ã—ã¦ã¿ã¾ã—ょã†ã€ã¨ã„ã†ã€ä¸–ã«ã‚‚æã‚ã—ã„授æ¥ãŒã‚るらã—ã„。・・・。 — 丹　洋介 (@yosuke_tan) January 25, 2015
Fluxフレームワーク Arda ãŒæ°—ã«ãªã‚‹10ã®ç†ç”± - Qiita
Help us understand the problem. What is going on with this article? ã©ã†ã‚‚ã€@armorik83ã§ã™ã€‚ Fluxフレームワーク"Arda"ã€çš†ã•ã‚“ã”å˜çŸ¥ã§ã™ã‹? 概念やæ€æƒ³ã‚’å«ã‚ã¦å¤§ã€…çš„ã«ç™ºè¡¨ã•ã‚ŒãŸã®ã¯ã€ãŠãらã2015å¹´2月16日（記事掲載時点ã§ãŠã¨ã¨ã„）ã¨ã„ã†æ–°ãŸãªOSSã§ã™ã€‚ 開発者ã¯@mizchiæ°ã€‚Qiitaã®ä¸ã®äºº (Kobito)ã€é‚ãŒéœ‡ãˆã¦ã‚‹äººã€Reactã®äººã¨ã—ã¦æœ‰åã‹ã¨æ€ã„ã¾ã™ãŒã€å€‹äººçš„ã«ã¯AngularJSãŒå«Œã„ãªäººã¨ã„ã†èªè˜ã§ã™ã€‚ 今回ã€ãã‚“ãªmizchiã•ã‚“ãŒé–‹ç™ºã•ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ワーク"Arda"ã‚’ã‚ãˆã¦å–り上ã’ãŸã„è¡å‹•ã«é§†ã‚‰ã‚ŒãŸã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ãŠä»˜ãåˆã„下ã•ã„。 å‹•æ©Ÿ æ°—ã«ãªã£ãŸç†ç”±ã®å‰ã«ã€ã“ã“ã«è‡³ã£ãŸå‹•æ©Ÿã‚’å‰ç½®ãã—ã¾ã™ã€‚ã“ã“é•·ã„ã§ã™ã€‚例ã®ã‚¢ãƒ¬ãªæ„Ÿã˜ã§ã™ã€‚ æ€ã„出話 ç§ã¯2013年秋ã‹ã‚‰Ang
「React / Flux を実案件ã§ä½¿ã£ã¦ã¿ãŸã€ãã®å¾Œ
改ã‚ã¦è¦—ã„ã¦ã¿ã‚ˆã† 1) CheckboxWithLabel changes the text after click: AssertionError: # /path/to/test/components/CheckboxWithLabel_test.jsx:21 assert(label.getDOMNode().textContent === 'On') | | | | | | "Off" false | HTMLLabelElement{htmlFor:"",form:null,accessKey:"",control:HTMLInputElement{src:"",valueAsNumber:NaN,incremental:false,defaultChecked:false,form:null,multiple:false,list:null,size:20,checked:f
æŒèˆžä¼Žåº§.tech#6「VirtualDOMã¨React〠アウトラインメモ
æŒèˆžä¼Žåº§.tech#6「VirtualDOMã¨React〠- connpass ã«å‚åŠ ã—ã¦æ¥ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã™ã¹ã¦ã®CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼- @kyo_ago スライド: CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼ #kbkz_tech CSSãŒè¾›ã„ CSSã¯ã‚«ãƒ—セル化ã¨ã‹ç¶™æ‰¿ã¨ã‹ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰ã®æ¦‚念ãŒãã®ã¾ã¾æŒã£ã¦ã“ã‚Œãªã„ ReactStyle js-next/react-style JS内ã«Styleを埋ã‚込むã“ã¨ãŒã§ãã‚‹ ãã®ã¾ã¾ã‚ªãƒ–ジェクト的ã«å…¥ã‚Œã‚‰ã‚Œã‚‹ Template Stringsã¨åˆã‚ã›ã‚Œã°ãã®å ´ã§CSSを入れるã“ã¨ãŒã§ãã‚‹ styles=ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’入れる セレクタをã‚ã¾ã‚Šè€ƒãˆãªãã¦ã„ã„ style属性ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ 擬似è¦ç´ ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ãŒå…¨æ»… :hover :active ãªã©ãŒä½¿ãˆãªã„。 CSSã®ç¶™æ‰¿ãªã©ã®æ¦‚念ãŒæ¶ˆãˆã‚‹ 自分ã§é ‘張る必è¦ãŒã‚ã‚‹ ユーザプレ
CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼ #kbkz_tech
CSSã®å•é¡Œ セレクターè¨è¨ˆãŒè¾›ã„ 特ã«å¤§è¦æ¨¡åŒ–ã™ã‚‹å ´åˆã€ã€ŒCSSã®å•é¡Œã€===「セレクターã®å•é¡Œã€ã¨è¨€ã£ã¦ã„ㄠ（ãれ以外ã«ã‚‚ã‚ã‚‹ã‘ã©ã€å¤§è¦æ¨¡åŒ–ã™ã‚‹ã¨ã»ã¼ç¢ºå®Ÿã«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã¯å•é¡Œã«ãªã‚‹ï¼‰ ãªãœå¤§è¦æ¨¡åŒ–ã™ã‚‹ã¨ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒè¾›ããªã‚‹ã®ã‹ ã€Œéš è”½ãŒã§ããªã„〠サイト全体ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«å¯¾ã™ã‚‹å®šç¾©ã‚’書ã„ã¦ã„るよã†ãªã‚‚ã®
React.js Conf 2015 - Immutable Data and React
Lee Byron, Facebook Immutable data unlocks powerful memoization techniques and prohibits accidental coupling via shared mutable state. It's no accident that these are the the same benefits provided by React. Persistent data structures provide the benefits of immutability while maintaining high performance reads and writes and present a familiar API. Learn about how persistent immutable data str
Riot.js 2.0 を触ã£ã¦ã¿ãŸ — ã¾ã Reactã§æ¶ˆè€—ã—ã¦ã„ã‚‹ã®? - Qiita
楽ã™ãŽã¦ã©ã†ã—よã†ã€‚ãŒæœ€åˆã®æ„Ÿè§¦ã€‚ã¾ã 3時間ã—ã‹è§¦ã£ã¦ãªã„ã‘ã©ã€ã‚‚ã†ã“ã‚Œã§ã„ã„ã‚„æ„ŸãŒåŠç«¯ãªã„ã€æ·±å¤œ2時ã§ã™ã€‚ Angularãªã®ã‹ã€Reactãªã®ã‹ã€2015å¹´ãŒæ˜Žã‘ã¦ã‚‚毎週ã®ã‚ˆã†ã«æ–°ã—ã„JSフレームワークãŒå‡ºã‚‹ä¸ã§ã€ã‚‚ã†æ£ç›´ã©ã†ã§ã‚‚よããªã£ã¦ã¾ã›ã‚“ã‹? ã§ã‚‚ã€ã“ã‚Œã¯è§¦ã£ã¦æ¥½ã—ã„ã¯ãšã€‚ Riotã£ã¦ä½•? Riotã¯ã€å…¬å¼ãƒšãƒ¼ã‚¸ã« A REACT- LIKE, 2.5KB USER INTERFACE LIBRARY ã¨ã‚るよã†ã«ã€Reactã‚’æ„è˜ã—ã¦ä½œã‚‰ã‚ŒãŸè¶…軽é‡ã®UIライブラリã§ã€ãƒ“ュー部分(コンãƒãƒ¼ãƒãƒ³ãƒˆ)ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ã®ãŒç‰¹é•·ã§ã™ã€‚Vue.jsã¨ã‹ã¨ã‚‚åŒé¡žã§ã™ã€‚Riot 1.0も「超軽é‡ã€ã¨ã„ã†ç‚¹ã§ã€ä¸€æ™‚注目を集ã‚ã¾ã—ãŸã€‚ ãã®RiotãŒã€2.0ã§è¶£å‘を変ãˆã¦JSXçš„ãªãƒ—リコンパイルã®ä»•çµ„ã¿ã‚’å–り入れã¦ã€Reactã¨Polymerã®ã„ã„ã¨ã“å–ã‚Šã®ã‚ˆã†ãªæ„Ÿã˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ãŸã ã—ã€æ¬¡ã®
React NativeãŒã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®ãƒ•ãƒãƒ³ãƒˆé–‹ç™ºã‚’変ãˆã‚‹ã®ã‹ - ワザノム| wazanova
Reactã¯å½“åˆã€ã€ŒHuge step backwards（ã“ã‚Œã§ã¯ãƒ¡ãƒ³ãƒ†ã§ããªãã¦ã€ã‹ãˆã£ã¦å¤§ãã後退ã—ã¦ã—ã¾ã£ã¦ã„る。）ã€ã€ŒRethink established best practives（皆ãŒç©ã¿ä¸Šã’ã¦ããŸãƒ™ã‚¹ãƒˆãƒ—ラクティスを変ãˆã‚ˆã†ã¨ã—ã¦ã„る。）ã€ã¨æ¶æ„ã•ã‚ŒãŸã‚Šã‚‚ã—ã¾ã—ãŸãŒã€æœ€è¿‘ã¯ä»–ã®JavaScriptフレームワークã«ã‚‚ãã®æ€æƒ³ã®ä¸€éƒ¨ãŒåæ˜ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã€ãƒ¡ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«è¿‘ã¥ãã¤ã¤ã‚るよã†ã§ã™ã€‚ ã•ã¦ä»Šå›žFacebookãŒã€React Nativeを発表 & オープンソースã¨ã—ã¦å…¬é–‹ã—ã¦è©±é¡Œã«ãªã£ã¦ã„ã¾ã™ãŒã€Tom Occhino㯠React.js Conf 2015ã®ã‚ーノートスピーãƒã§ã€ã€Œä¸€åº¦æ›¸ã‘ã°ã€ã©ã®ãƒ—ラットフォームã§ã‚‚ã†ã¾ã動作ã™ã‚‹ã€‚ã€ã§ã¯ãªãã€ã€Œä¸€åº¦è¦šãˆã‚Œã°ã€ã©ã®ãƒ—ラットフォームå‘ã‘ã«ã‚‚書ã‘るよã†ã«ãªã‚‹ã€‚ã€ã‚‚ã®ã§ã‚ã‚‹ã“ã¨ã‚’強調ã—ã¦ã„ã¾ã™ã€‚ åŒç¤¾ã®é–‹ç™ºãƒ¡ãƒ³ãƒ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - naoya/sukushokun
Real World Virtual DOM
{{#tags}}- {{label}}
{{/tags}}