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
詳ããã¯ãã¡ã㸠â https://www.facebook.com/groups/toretatech/
FacebookãéçºããJavaScriptã©ã¤ãã©ãªãReactãã®è§£èª¬æ¸ãæ¬æ¸ã§ã¯ããµã³ãã«ã¢ããªã±ã¼ã·ã§ã³ãç¨ãã¦React.jsã®ãã¹ã¦ã®å´é¢ã解説ãã¾ããã第Ié¨ åºç¤ãã§Reactã³ã³ãã¼ãã³ãã®ä½æã¨åæãå¦ã³ãReactã®åºæ¬çãªä½¿ãæ¹ãçè§£ãã¾ããã第IIé¨ å¿ç¨ãã§ã¯ã¯ã³ã©ã³ã¯ä¸ã®ã³ã³ãã¼ãã³ã使ã«ã¤ãã¦å¦ã³ã¾ããã第IIIé¨ ãã¼ã«ãã§ã¯Reactã¨å ±ã«ä½¿ç¨ãã¦å ç¢ãªã¢ããªã±ã¼ã·ã§ã³ãå®è£ ããããã®ãã¼ã«ã«ã¤ãã¦å¦ã³ã¾ããæå¾ã®ã第IVé¨ å®è·µãã§ã¯å¤§è¦æ¨¡ãªã¢ããªã±ã¼ã·ã§ã³éçºã«å¿ è¦ãªç¥èãWeb以å¤ã®ã¦ã¼ã¹ã±ã¼ã¹ã«ã¤ãã¦è§£èª¬ãã¾ããèªè ã¯ã³ã³ãã¼ãã³ããã¼ã¹ã®ææ°ã®ããã³ãã¨ã³ãéçºã«ã¤ãã¦ã®ä½ç³»çãªç¥èã¨æè¡ã身ã«ã¤ãããã¨ãã§ãã¾ããæ¥æ¬èªç¿»è¨³çã®æ¬æ¸ã§ã¯Reactã®éçºç°å¢ã®æ§ç¯æé ã¨APIãªãã¡ã¬ã³ã¹ãå·»æ«ä»é²ã¨ãã¦åé²ã ç®æ¬¡ ã¾ããã 第Ié¨ãåºç¤
å é±ãç§ãã¡ã¯Webãµã¤ããæ¤ç´¢ã¨ã³ã¸ã³åãã«ã¤ã³ããã¯ã¹ä»ãã§ããããã«ãããã¨ãã¦ãã¾ããããã®è¨äºã§ã¯ãç§ãã¡ãWebãµã¤ããæ¸ãç´ãã¦ãã¦å¦ãã ãã¨ã®è¦ç´ãç´¹ä»ãããã¨æãã¾ãã èæ¯ 2ãµæåã« RisingStack.com ã使ããæãç§ãã¡ã¯ãã®Webãµã¤ãã§ã©ããªãã¯ããã¸ã使ããæ±ºããªãã¦ã¯ãªãã¾ããã§ãããã¤ãã³ãã追跡ããéçãªãã¼ã¸ãæ°ãã¼ã¸ããã ãã ã£ãã®ã§ãã¨ã¦ãç°¡åã§ããããç§ãã¡ã¯Webãµã¤ããã¹ã±ã¼ã©ãã«ã§ã§ããã ãé«éãªã¾ã¾ã«ãã¦ããããã¨èãã¦ãã¾ããã ç§ãã¡ã®ãã¼ã 㯠AngularJS ã®çµé¨ãè±å¯ãªã®ã§ãããã³ãã¨ã³ãã«Angularãé¸ã¶ã®ã¯å¦¥å½ã ã¨æããã¾ããã ãã®è¨äºã¯ReactãAngularJSãã©ã¡ãã䏿¹ããåªãã¦ããçç±ã«ã¤ãã¦è¿°ã¹ã¦ããããã§ã¯ãªãã®ã§æ³¨æãã¦ãã ãããã©ã¡ãããããã¯å¸¸ã«ã¦ã¼ã¹ã±ã¼ã¹æ¬¡ç¬¬ã§ãã âAng
æè¿è©±é¡ã®React.jsã§ããã宿¦æå ¥ã«å½ãã£ã¦ã¯çµæ§éãã鏿ãè¿«ããããã¨ã«ãªãã¾ãã ãã£ããè¨ãã°ããã³ãã¬ã¼ãã¨ã³ã¸ã³ãæ¨ã¦ã¦Reactãã¾ãã?ããã¨ãReactããããã¾ãã?ã¨ãã鏿ã§ãã æ¬è¨äºã§ã¯Reactã®åºæ¬ææ³ã¨ãããã鏿è¢ãçã¾ãã¦ãã¾ãèæ¯ãè¿°ã¹ãã¨ã¨ãã«ãå¾åã§ã¯ãã©ã¡ãããããããªããã¨ãã(è¥å¹²ã·ãã¥ã¬ã¼ã·ã§ã³RPGããããæã®ãã)第ä¸ã®æ¹çã«ã¤ãã¦æ¡ãæç¤ºãã¾ãã Reactã®åºæ¬ æåã«ãReactã®åºæ¬çãªä»çµã¿ã«ã¤ãã¦ã¾ã¨ãã¦ããã¾ãã Reactã¯å ¬å¼ããã¥ã¡ã³ããé常ã«å å®ãã¦ããã®ã§ãå§ããéã¯ãã²Quick Startã®ããã¥ã¡ã³ãã«ç®ãéããã¨ããå§ããã¾ãã Getting Started Tutorial Thinking in React å¾è¿°ãã¾ããã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ã¯ä»å¾ããã«é«éåãè¡ã£
enchant.js meetup! ã·ã§ã¼ãã»ãã·ã§ã³ãã¯ããã¦ã®enchant.js AtlasXã§ã²ã¼ã ãã¤ããã
ããæ°å¹´ã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 夿 åä»ï¼æ ªå¼ä¼ç¤¾ ãã¯ã»ã«ã°ãªããï¼ æ¬è¨äºã¯ã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
対象èªè JavaScriptãã¬ã¼ã ã¯ã¼ã¯ã»ã©ã¤ãã©ãªã®é¸å®ã«æ©ãã§ããæ¹ æ¬æ ¼çã«JavaScriptã触ãã®ãåãã¦ã¨ããæ¹ jQueryã§ã®å¤§è¦æ¨¡ãªããã³ãã¨ã³ãéçºã«éçãæãã¦ããæ¹ å¿ è¦ãªç°å¢ Node.jsãã¤ã³ã¹ãã¼ã«ããã¦ãããã¨ãæ¨å¥¨ã§ãã React.jsã¨ã¯ä½ã React.jsã¯æè¿æ³¨ç®ãæµ´ã³ã¦ããFacebook製ã®ã©ã¤ãã©ãªã§ãMVCã¢ã¼ããã¯ãã£ã§ããViewã«ãããæ©è½ãæä¾ãã¾ãã åæã¨ãã¦ãJavaScriptã®ä¸çã§MVCã®Vã¨ããã°ãç´ãããªãDOMï¼Document Object Modelï¼ã®ãã¨ãæãã¾ããç¹ã«ä½ãæèããªãã§ä½ã£ãå ´åãé½åã®è¯ãDOMãããã¼ã¿ãå¼ã£å¼µãåºãã¦ã¯å¥ã®DOMãæ¸ãæããã¨ãã£ããè¡ãå½ããã°ã£ãããªä½ãã«ãªããã¡ã§ããããã§ãMVCã®èãæ¹ãå°å ¥ãããã¨ã«ããããã¼ã¿ãç»é¢ã¨ã¯ç¬ç«ããæ§é ä½ã¨ãã¦åãåºã
- + æè¿ã®å°å¦æ ¡ã§ã¯ãããç¶ããã»ãæ¯ããã®ååãã°ã¼ã°ã«ã§æ¤ç´¢ãã¦ã¿ã¾ããããã¨ãããä¸ã«ãæãããææ¥ãããããããã»ã»ã»ã â ä¸¹ãæ´ä» (@yosuke_tan) January 25, 2015
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
æ¹ãã¦è¦ãã¦ã¿ãã 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ã - 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ã®åé¡ ã»ã¬ã¯ã¿ã¼è¨è¨ãè¾ã ç¹ã«å¤§è¦æ¨¡åããå ´åããCSSã®åé¡ã===ãã»ã¬ã¯ã¿ã¼ã®åé¡ãã¨è¨ã£ã¦ãã ï¼ãã以å¤ã«ããããã©ãå¤§è¦æ¨¡åããã¨ã»ã¼ç¢ºå®ã«ã»ã¬ã¯ã¿ã¼ã¯åé¡ã«ãªãï¼ ãªãå¤§è¦æ¨¡åããã¨ã»ã¬ã¯ã¿ã¼ãè¾ããªãã®ã ãé è½ãã§ããªãã ãµã¤ãå ¨ä½ã§ä½¿ç¨ãã¦ããã°ãã¼ãã«å¤æ°ã«å¯¾ããå®ç¾©ãæ¸ãã¦ãããããªãã®
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
楽ããã¦ã©ããããããæåã®æè§¦ãã¾ã 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ã¯å½åããHuge step backwardsï¼ããã§ã¯ã¡ã³ãã§ããªãã¦ãããã£ã¦å¤§ããå¾éãã¦ãã¾ã£ã¦ãããï¼ããRethink established best practivesï¼çãç©ã¿ä¸ãã¦ãããã¹ããã©ã¯ãã£ã¹ãå¤ãããã¨ãã¦ãããï¼ãã¨æ¶æããããããã¾ããããæè¿ã¯ä»ã®JavaScriptãã¬ã¼ã ã¯ã¼ã¯ã«ããã®ææ³ã®ä¸é¨ãåæ ãããããã«ãªã£ã¦ãã¡ã¤ã³ã¹ããªã¼ã ã«è¿ã¥ãã¤ã¤ããããã§ãã ãã¦ä»åFacebookããReact Nativeãçºè¡¨ & ãªã¼ãã³ã½ã¼ã¹ã¨ãã¦å ¬éãã¦è©±é¡ã«ãªã£ã¦ãã¾ãããTom Occhino㯠React.js Conf 2015ã®ãã¼ãã¼ãã¹ãã¼ãã§ããä¸åº¦æ¸ãã°ãã©ã®ãã©ãããã©ã¼ã ã§ããã¾ãåä½ããããã§ã¯ãªãããä¸åº¦è¦ããã°ãã©ã®ãã©ãããã©ã¼ã åãã«ãæ¸ããããã«ãªããããã®ã§ãããã¨ã強調ãã¦ãã¾ãã å社ã®éçºã¡ã³ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}