ãReacté度å¾å¿«
ããä¸å
¶å®æ¡æ¶ç¸æ¯ï¼Reactéåäºä¸ç§ç¹ç«ç¬è¡çæä½DOMçæ¹å¼ã
ããå®å¹¶ä¸ç´æ¥å¯¹DOMè¿è¡æä½ã
ããå®å¼å
¥äºä¸ä¸ªå«åèæDOMçæ¦å¿µï¼å®æå¨JavaScripté»è¾åå®é
çDOMä¹é´ã
ããè¿ä¸æ¦å¿µæé«äºWebæ§è½ãå¨UI渲æè¿ç¨ä¸ï¼Reactéè¿å¨èæDOMä¸çå¾®æä½æ¥å®å¯¹ç°å®é
DOMçå±é¨æ´æ°ã
è·¨æµè§å¨å
¼å®¹
ããèæDOM帮å©æ们解å³äºè·¨æµè§å¨é®é¢ï¼å®ä¸ºæ们æä¾äºæ ååçAPIï¼çè³å¨IE8ä¸é½æ¯æ²¡é®é¢çã
ãã模åå
ãã为ç¨åºç¼åç¬ç«ç模ååUIç»ä»¶ï¼è¿æ ·å½æ个ææäºç»ä»¶åºç°é®é¢æ¯ï¼å¯ä»¥æ¹ä¾¿å°è¿è¡é离ã
ããæ¯ä¸ªç»ä»¶é½å¯ä»¥è¿è¡ç¬ç«çå¼ååæµè¯ï¼å¹¶ä¸å®ä»¬å¯ä»¥å¼å
¥å
¶å®ç»ä»¶ãè¿çåäºæé«äºä»£ç çå¯ç»´æ¤æ§ã
ããååæ°æ®æµè®©äºæ
ä¸ç®äºç¶
ããFluxæ¯ä¸ä¸ªç¨äºå¨JavaScriptåºç¨ä¸å建ååæ°æ®å±çæ¶æï¼å®éçReactè§å¾åºçå¼åè被Facebookæ¦å¿µåãå®åªæ¯ä¸ä¸ªæ¦å¿µï¼èéç¹å®å·¥å
·çå®ç°ãå®å¯ä»¥è¢«å
¶å®æ¡æ¶å¸çº³ãä¾å¦ï¼Alex Rattrayæä¸ä¸ªå¾å¥½çFluxå®ä¾ï¼å¨Reactä¸ä½¿ç¨äºBackboneçéåå模åã
ãã纯粹çJavaScript
ããç°ä»£Webåºç¨ç¨åºä¸ä¼ ç»çWebåºç¨æçä¸åçå·¥ä½æ¹å¼ã
ããä¾å¦ï¼è§å¾å±çæ´æ°éè¦éè¿ç¨æ·äº¤äºèä¸éè¦è¯·æ±æå¡å¨ãå æ¤è§å¾åæ§å¶å¨é常ä¾èµå½¼æ¤ã
ãã许å¤æ¡æ¶ä½¿ç¨HandlebarsæMustacheç模æ¿å¼ææ¥å¤çè§å¾å±ãä½Reactç¸ä¿¡è§å¾åæ§å¶å¨åºè¯¥ç¸äºä¾åå¨ä¸èµ·èä¸æ¯ä½¿ç¨ç¬¬ä¸æ¹æ¨¡æ¿å¼æï¼èä¸ï¼æéè¦çæ¯ï¼å®æ¯çº¯ç²¹çJavaScriptç¨åºã
ããåæçJavaScript
ããå页é¢JSåºç¨ç¨åºçæ大缺é·å¨äºå¯¹æç´¢å¼æçç´¢å¼æå¾å¤§éå¶ãReact对æ¤æäºè§£å³æ¹æ¡ã
ããReactå¯ä»¥å¨æå¡å¨ä¸é¢æ¸²æåºç¨ååéå°å®¢æ·ç«¯ãå®å¯ä»¥ä»é¢æ¸²æçéæå
容ä¸æ¢å¤ä¸æ ·çè®°å½å°å¨æåºç¨ç¨åºä¸ã
ããå 为æç´¢å¼æçç¬è«ç¨åºä¾èµçæ¯æå¡ç«¯ååºèä¸æ¯JavaScriptçæ§è¡ï¼é¢æ¸²æä½ çåºç¨æå©äºæç´¢å¼æä¼åã
ããReactä¸å
¶å®æ¡æ¶/åºå
¼å®¹æ§å¥½
ããæ¯å¦ä½¿ç¨RequireJSæ¥å è½½åæå
ï¼èBrowserifyåWebpackéç¨äºæ建大ååºç¨ãå®ä»¬ä½¿å¾é£äºè°é¾çä»»å¡ä¸å让人æèççã
ããä¸å¹¸çæ¯ï¼ç®åçJavaScriptçæ¬å¹¶æ²¡ææä¾ä¸ä¸ªæå
åå è½½ç模åãï¼å¨æªæ¥çES6çæ¬ä¸å°ä½¿ç¨System.importæ¥è§£å³è¿ä¸ªé®é¢ï¼ã
ãã幸è¿çæ¯ï¼æ们æRequireJSåWebpackè¿äºæ¼äº®æ´æ´çæ¿ä»£åãReactæ¯ç±Browserifyæ建çï¼å¦æä½ æ³æä½å¾åèµæºæè
ç¼è¯LessåCoffeeScriptï¼Webpackæ许æ¯ä¸ä¸ªæ´å¥½çéæ©ã
ããéè¦å¦ä¸ä¸ªå¼åæ¡æ¶æ¥é
åReactåï¼
ããå¯ä»¥ä½¿ç¨Reactæ¥æ建ç¨æ·çé¢ï¼ä½æ¯ä½ ä»ç¶éè¦è¿è¡AJAXè°ç¨ï¼åºç¨æ°æ®è¿æ»¤ä»¥åå
¶å®Angularå·²ç»å®ç°çåè½ã
ããå¦æè¿éè¦å¦ä¸ä¸ªé¢å¤çJavaScriptå¼åæ¡æ¶ï¼ä¸ºä»ä¹ä¸ä½¿ç¨Angularï¼
ããæ¡æ¶ç±ä¸ç³»å模ååè§åç»æãå¦ææ们ä¸éè¦å®çä¸äºæ¨¡åï¼çè³æ³å°æäºæ¨¡åæ¿æ¢ï¼è¯¥æä¹åï¼
温馨提示:答案为网友推荐,仅供参考