当前位置: 首页 > 后端技术 > Node.js

一个相当不错的React全家桶Demo(详细搭建步骤稍后会贴出)

时间:2023-04-03 12:20:25 Node.js

react-demo锛堝▋鍝堝搱鍟嗗煄锛塆ithub鍦板潃锛歨ttps://github.com/Aemple/rea...娆㈣繋鏉ュ埌Star鎶€鏈爤鍓嶇馃摝afterreact+redux+react-router+react-router-redux+webpack+ES6+sassEnd鉁忥笍Node(express)椤圭洰棰勮杩愯椤圭洰gitclonehttps://github.com/Aemple/rea...cdreact-demonpmiorrunyarn(鎺ㄨ崘)npmstartcdservernodeapp.jsornodemonapp.js锛堟帹鑽愶級灏嗙洰褰曠粨鏋勫垝鍒嗕负src瀹瑰櫒锛屾斁缃〉闈㈢粍浠讹紝姣斿Home缁勪欢锛屾斁缃湰椤甸潰缁勪欢鐙湁鐨勫瓙缁勪欢锛岀粍浠讹紝鏀剧疆椤甸潰涔嬮棿鍙互鍏变韩鐨勯€氱敤缁勪欢common锛屾斁缃竴浜涢€氱敤鐨勬牱寮忕瓑鍐呭images,putimagestoreredux浠撳簱reducersactionsaction-typesindexindex.js鍏ュ彛鏂囦欢index.html妯℃澘鏂囦欢redux缁撴瀯涓汉鎰熸偀锛堥噸闅剧偣锛夎楗板櫒鐨勪娇鐢ㄥ彲浠ョ畝鍖栦笟鍔′唬鐮侊紝璁╀唬鐮佺粨鏋勬洿娓呮櫚娉ㄦ剰鎻愰珮椤甸潰鎬ц兘锛堥」鐩腑锛氬垎娴佸姞杞姐€侀槻鎶栫瓑锛夊埛鏂伴〉闈㈡満鍒朵繚鎶よ矾鐢憋紙涓汉鎺ㄨ崘鏈櫥褰曟棤娉曡闂紝涓汉涓績鐣岄潰浼氳烦杞埌鐧诲綍鐣岄潰锛夌櫥褰曠姸鎬佽幏鍙栧悗鍒锋柊锛堝叕鍏遍〉闈㈣幏鍙栫姸鎬侊級react-router-redux椤甸潰璺敱锛岀姸鎬佹暟鎹粺涓€锛堝悗缁啓涓簮鐮佸垎鏋愶級馃拫馃拫馃拫娉ㄦ剰锛侊紒锛佹柊寤轰簡涓€涓猂eact灏忛」鐩紝鏂扮増鏈槸bable7涓殑decorator闇€瑕侀澶栭厤缃彃浠讹紝鍏蜂綋璇峰弬鑰僢able瀹樻柟鏂囨。^_^鍓嶅悗绔氦浜掓妧宸у畾涔変粨搴撲腑鐨勬暟鎹粨鏋勶紝鍘诲悗鍙板疄鐜拌繖涓帴鍙o紝鍦ㄥ墠鍙板啓涓€涓猺equest杩欎釜鎺ュ彛鐨凙PI鏂规硶瀹氫箟action-types锛屼慨鏀箁educer澶勭悊杩欎釜action鍐欎竴涓猘ction鏂规硶璋冪敤API鏂规硶锛岃姹傛帴鍙o紝骞惰幏鍙栬繑鍥炵殑鏁版嵁锛屾瀯閫燼ctiondispatch鍒颁粨搴擄紝鍦ㄧ粍浠朵腑璋冪敤杩欎釜鏂规硶锛屽~鍏呬粨搴撲娇鐢ㄨ繖涓暟鎹湪缁勪欢涓覆鏌撱€傝鏄庡紑鍙戠幆澧僿indow10Chrome65nodejs8.12.0瑙夊緱涓嶉敊灏卞彲浠ョ偣鍑诲彸涓婅鈥淪tar鈥濇敮鎸佷竴涓嬶紝璋㈣阿锛乛_^濡傛湁浠讳綍闂锛岃鐩存帴鍦↖ssues涓彁鍑猴紝鎴栬€呭彂鐜伴棶棰樺苟鏈夊緢濂界殑瑙e喅鏂规锛屾杩嶱R馃憤Github鍦板潃锛歨ttps://github.com/Aemple/rea...娆㈣繋鏉ュ埌鏄熸淮婊村嚭琛屽鎵惧疄涔犵敓