鏀惰幏棰囧銆傛垜绉疮浜嗕竴浜涙瀯寤哄ぇ鍨嬮」鐩殑缁忛獙銆傝櫧鐒跺凡缁忚瀺鍏ュ埌鏃ュ父鐨勫紑鍙戝崗浣滀腑锛屼絾杩樻槸瑙夊緱鏈夊繀瑕佽褰曚竴涓嬨€傚叾浠栧鐢熷舰鎴愪竴浜涘弬鑰冦€傦紙鍙€夛級MonorepoOneTeam,OneRepository,OneGuideMonorepo鏄竴涓崟涓€鐨勫瓨鍌ㄥ簱锛岄噷闈㈡湁寰堝涓嶅悓鐨勯」鐩紝杩欎笉鏄繀椤荤殑锛屼絾鏄浜庢垜浠殑鍥㈤槦鏉ヨ锛屽彈鐩婂尓娴呫€傚浜庡紑鍙戣€呮潵璇达紝缁忓父浼氶亣鍒颁互涓嬪疄闄呭満鏅細鎻愪緵澶氫釜缁存姢鐨勭粍浠跺簱銆侀厤缃簱鎴栧伐鍏峰簱锛屼緵澶氫釜涓氬姟椤圭洰浣跨敤銆傜敱浜庝竴涓」鐩搴斾竴涓粨搴擄紝寮€鍙戣€呴渶瑕佹搷浣滃涓粨搴擄紝鍒嗘敮闇€瑕佹帹鍔ㄥ悇涓氬姟鎺ュ叆鏂圭殑鍗囩骇锛屽彉鏇翠笉鑳藉強鏃舵墿鏁ｅ埌鍏朵粬椤圭洰銆傚拰杩欎釜闂绫讳技鐨勶紝杩樻湁缁熶竴鏀归€犵浉鍏崇殑闂锛屾瘮濡傚煙鍚嶅崌绾э紝鍩虹鏁版嵁搴撳崌绾х瓑锛屼竴涓」鐩搴斾竴涓粨搴擄紝杩欐牱鐨勫満鏅毦搴﹀緢澶с€傚線鍓嶆帹杩涳紝宸ヤ綔閲忓ぇ澶у鍔犮€傛祦绋嬮噸澶嶆瀯寤烘壙鍖呮祦姘寸嚎銆丟itlabCI娴佹按绾跨瓑锛屾瘡涓」鐩兘闇€瑕佸崟鐙厤缃紝瀛樺湪澶ч噺閲嶅鎬у伐浣溿€傚叾涓緢澶氭祦绋嬪拰瑙勮寖闂閮藉彲浠ラ€氳繃Monorepo鏉ヨВ鍐筹紝鏁翠釜鍥㈤槦鍙互鍋氬埌涓€鑷存€у拰缁熶竴鎬э紝鍑忓皯娌熼€氭崯澶便€傚悓鏃讹紝闅忕潃鍥㈤槦鐨勬墿澶э紝椤圭洰鐨勫澶氾紝妯″潡鐨勬娊鍙栧拰澶嶇敤鍙樺緱闈炲父瀹规槗銆傜瑪鑰呬箣鍓嶆湁杩嘡ush鐨勭粡楠屻€傚湪瀹炶返涓紝鎴戝彂鐜伴櫎浜嗘渶鍩烘湰鐨勪唬鐮佸叡浜兘鍔涗箣澶栵紝鑷冲皯搴旇鍏峰涓夌鑳藉姏锛屽嵆锛氫緷璧栫鐞嗚兘鍔涖€傞殢鐫€渚濊禆鏁伴噺鐨勫鍔狅紝浠嶇劧鍙互淇濇寔渚濊禆缁撴瀯鐨勬纭€с€佺ǔ瀹氭€у拰瀹夎鏁堢巼銆備换鍔＄紪鎺掕兘鍔涖€侻onorepo涓」鐩殑浠诲姟鍙互浠ユ渶澶х殑鏁堢巼鍜屾纭殑椤哄簭鎵ц锛堝彲浠ョ嫮涔夊湴鐞嗚В涓簄pm鑴氭湰锛屽build銆乼est鍜宭int绛夛級锛屽鏉傚害涓嶄細闅忕潃鏁伴噺鐨勫鍔犺€屽鍔燤onorepo涓殑椤圭洰銆傞噴鏀捐兘鍔涖€傚熀浜庡彉鏇村悗鐨勯」鐩紝缁撳悎椤圭洰渚濊禆锛屽彲浠ユ纭繘琛岀増鏈彿鍙樻洿銆丆HANGELOG鐢熸垚鍜岄」鐩彂甯冦€傚浣曚负鎮ㄩ€夋嫨鍚堥€傜殑Monorepo宸ュ叿閾撅紵pnpmWorkspace+Changesets锛氭垚鏈綆锛屾弧瓒冲ぇ閮ㄥ垎鍦烘櫙pnpmWorkspace+Changesets+Turborepo/Lage锛氬湪1Rush鐨勫熀纭€涓婂寮轰簡浠诲姟璋冨害鑳藉姏锛氱患鍚堣€冭檻锛屾墿灞曟€у己鎯虫繁鍏ヤ簡瑙onorepo锛屽彲浠ラ槄璇讳綔鑰呯殑Monorepo绯诲垪鏂囩珷鏂囩珷锛氫粠Turborepo鐪婱onorepo宸ュ叿鐨勪换鍔¤皟搴﹁兘鍔涘簲鐢ㄧ骇Monorepo浼樺寲鏂规鍩轰簬Rush鐨凪onorepo澶氬寘鍙戝竷瀹炶返Monorepo涓殑浠诲姟璋冨害鏈哄埗鏀惧湪鐢ㄥ埌鐨勫湴鏂广€傞櫎浜嗘寜绫诲瀷鍒掑垎缁勪欢銆佸姛鑳藉伐鍏枫€佺姸鎬佹ā鍨嬪拰閽╁瓙绛夋ā鍧楀锛屽湪涓氬姟寮€鍙戜腑鏇村鍦板簲璇ヤ互鍔熻兘涓虹淮搴︽潵缁勭粐椤圭洰銆俧eature鏄湇鍔′簬鏌愪釜涓氬姟妯″潡鐨勭粍浠躲€佹ā鍨嬨€乽tils绛夋ā鍧楃殑缁勫悎銆傚鏋滄槸閫氱敤妯″潡锛屾病鏈夊叿浣撶殑涓氬姟灞炴€э紝灏变細鏀惧湪澶栭潰銆傝繖鏄瀯寤哄ぇ鍨嬮」鐩殑鑹ソ瀹炶返锛屽湪鍙淮鎶ゆ€у拰鍙鎬ф柟闈㈠彇寰椾簡杈冨ソ鐨勬晥鏋溿€傜洰褰曠粨鏋勫涓嬶細.鈹斺攢鈹€src鈹溾攢鈹€assets#甯哥敤闈欐€佹枃浠垛敎鈹€鈹€components#甯哥敤鍩虹缁勪欢鈹溾攢鈹€config#椤圭洰鐜鍙橀噺鈹溾攢鈹€features#椤圭洰鐗规€у嚱鏁扳攤鈹溾攢鈹€{feature1}鈹傗敂鈹€鈹€{feature2}鈹溾攢鈹€hooks#甯哥敤鍩虹Reacthook鈹溾攢鈹€models#甯哥敤鍩虹妯″瀷鈹溾攢鈹€pages#椤圭洰璺敱鏂囦欢澶光敎鈹€鈹€services#椤圭洰鎺ュ彛璇锋眰锛堢敱鑷姩鍖栧伐鍏风敓鎴愶級鈹溾攢鈹€types#鍏ㄥ眬绫诲瀷鏂囦欢鈹斺攢鈹€utils#甯哥敤鍩虹宸ュ叿鍔熻兘鎺ㄨ崘闃呰锛氥€怰eactFolderStructurein5Steps[2022]](https://www.robinwieruch.de/r...)bulletproof-react/project-缁撴瀯馃拝馃徎鎺ㄨ崘鏍峰紡鏂规锛歍ailwindCSS+StyledComponents鍏奸【寮€鍙戞晥鐜囧拰瑙嗚瑙勮寖銆俆ailwindCSS棣栧厛鐢ㄤ簬澶勭悊鏍峰紡锛屽唴缃儴闂ㄨ瑙夎鑼冨拰閫氱敤鏍峰紡鏂规銆傚浜嶵ailwindCSS鏃犳硶瑕嗙洊鐨勫満鏅紝姣斿涓€浜涘鏉傜殑浼被鎴栬€呰鐩栫涓夋柟缁勪欢搴撶殑鏍峰紡锛岃浣跨敤StyledComponents銆備紭鐐癸細鏃犻渶鏂板缓鏂囦欢鍜屽悕绉帮紝閰嶅悎鑷姩鎻愮ず锛屽紑鍙戞晥鐜囬珮锛屽伐鍏风被绗﹀悎瑙嗚瑙勮寖锛岄〉闈㈣繕鍘熷害楂橈紝css涓嶄細鑷冭偪锛屽寘浣撶Н灏忕己鐐癸細鍙鎬у彲鑳借緝宸€傝鍚堢悊鎷嗗垎缁勪欢锛屾彁鍙栫粍浠舵垨renderXXX()鎺ㄨ崘闃呰锛歨ttps://www.tailwindcss.cn/do...馃梼锔忕姸鎬佺鐞嗘帹鑽愶細ReactQuery+UnstatedNextServer鐘舵€佷氦缁橰eactQuery锛堟垨SWR锛夌鐞嗭紝鍩轰簬ReactContext鐨勫鎴风鐘舵€佸叡浜€傚浜庣粷澶у鏁板簲鐢紝灏嗘墍鏈夊紓姝ヤ唬鐮佽縼绉诲埌ReactQuery鍚庯紝閫氬父寰堝皯鏈夌湡姝ｉ渶瑕佸叏灞€璁块棶鐨勫鎴风鐘舵€併€備负浜嗗彲璇绘€э紝浣犲簲璇ヤ娇鐢║nstatedNext鑰屼笉鏄洿鎺ヤ娇鐢≧eactContext銆傚鏋滃瀹㈡埛绔姸鎬佺鐞嗚兘鍔涙湁寮虹儓闇€姹傦紝鎺ㄨ崘浣跨敤zustand銆傚拰unstated-next涓€鏍凤紝鏄竴涓潪甯哥簿绠€鐨勭姸鎬佺鐞嗗伐鍏凤紝浣嗘槸璁捐绠€鍗曪紝浣跨敤鏂逛究銆傛帹鑽愰槄璇伙細ReactQuery:Doesthisreplaceclientstate?鐢ㄧ殑鏄叕鍙稿唴閮ㄦ柟妗堬紝娌＄敤杩囧紑婧愭柟妗堬紝涓嶆帹鑽愩€傛垜鍙惉璇磋繃搴炲痉銆傛湁鍏磋叮鐨勫悓瀛﹀彲浠ヨ瘯涓€璇曘€傪煂插垎鏀鑼冩帹鑽愶細TrunkBasedDevelopment鍒嗘敮瑙勮寖闇€瑕佺粨鍚堝綋鍓嶅洟闃熺殑杩唬鑺傚鍚堢悊閫夋嫨銆傚浜嶮onorepo鍜岃凯浠ｈ妭濂忕ǔ瀹氾紝涓嶈繃搴﹁拷姹傜伒娲绘€х殑鍥㈤槦锛屾帹鑽怲runkBasedDevelopment鍒嗘敮妯″瀷銆傚紑鍙戦樁娈碉細浠巑aster鎷夊嚭feature鍒嗘敮杩涜寮€鍙戦渶姹備腑寮€鍙戜竴涓ā鍧楀悗锛屽綊妗R锛岃繘琛孋odeReview鍚堝苟鍒癿aster閲嶅1鍜?锛岀洿鍒版墍鏈夋ā鍧楀紑鍙戝畬鎴愭祴璇曢樁娈碉細鍚屽紑鍙戦樁娈礟re-launch闃舵锛欶romPulloutthereleaseversionbranchfromthemasterbranchforonlinehotfix锛氫粠releaseversion鍒嗘敮涓媺鍑篽otfixbranch杩涜淇锛屾彁浜ゅ埌onlinecherry-pick瀵瑰簲鐨刴aster鍒嗘敮锛堝彲閫氳繃鑷姩鍖栧伐鍏峰畬鎴愶級銆備紭鐐癸細鎿嶄綔绠€鍗曪紝浠ｇ爜瀹℃煡鏂逛究銆?0琛?10涓棶棰橈紱500琛?鐪嬭捣鏉ユ病闂瓒婃棭鍚堝苟浠ｇ爜锛岃秺鏃╂毚闇查闄╋紝灏ゅ叾鏄湪monorepo鍦烘櫙涓嬶紝瓒婃櫄鍚堝苟master锛岄闄╄秺澶с€傚彲鑳芥槸鍙︿竴涓」鐩殑涓€涓緷璧栧彂鐢熷彉鍖栵紝瀵艰嚧鏈」鐩瀯寤哄け璐ョ己鐐癸細涓嶅鐏垫椿锛屽紑鍙戦樁娈靛悎骞跺埌master锛屽悗鏈熷緢闅炬媶鍒嗗姛鑳界偣涓婄嚎锛屽畠featureflag瀹炵幇闅惧害杈冨ぇ锛宮aster鍑嗗叆鏍囧噯楂橈紝寤鸿閫氳繃涓ユ牸鐨凜I娴嬭瘯鍜宑odereview锛屼絾瀹為檯涓婂線寰€宸己浜烘剰銆備互绗旇€呯幇鍦ㄧ殑鍥㈤槦涓轰緥銆傚悓涓€涓笟鍔￠」鐩腑鏈夊涓骇鍝佺粡鐞嗐€備骇鍝佺粡鐞嗙殑瑕佹眰鏄浉浜掔嫭绔嬬殑锛屼絾鏄細瑕佹眰浠栦滑鍦ㄥ悓涓€澶╀笂绾裤€傚悓鏃跺笇鏈涢渶姹侫涓嶈鍥犱负闇€姹侭鑰屽欢杩熴€傝€屽欢杩熴€備粠master涓媺鍑篺eature鍒嗘敮锛屽紑鍙戞祴璇曠幆澧冿紝娴嬭瘯棰勫彂甯冪幆澧冩祴璇曪紝灏嗘墍鏈夐渶姹傚悎骞跺埌master涓紝鍚姩鏁翠綋鍥炲綊娴嬭瘯Q锛氫负浠€涔堜細鏈夊洖褰掔幆鑺傦紵A锛氬洜涓轰竴涓」鐩殑澶氫釜闇€姹備細鍦ㄥ悓涓€澶╀笂绾匡紝鎵€浠ユ彁鍓嶏紙涓€鑸槸鎻愬墠涓€澶╋級鍚堝苟鍒癿asterregression涓殑姝ラ鏄负浜嗛伩鍏嶅涓渶姹傚湪鍚屼竴澶╁悎骞跺鑷寸殑涓€浜汢UG锛屾墍浠ユ湁杩欎釜閾炬帴銆俀锛氫负浠€涔堥鍙戝竷鐜鍦ㄥ悎骞跺埌master涔嬪墠瑕佽繘琛屾祴璇曪紵A锛氬氨鏄渶澶х▼搴︾殑閬垮厤鏌愪釜闇€姹傜殑闂瀵艰嚧鏁翠綋闇€姹傜殑寤惰繜銆傝€冨畬PPE鍩烘湰鏈変繚闅溿€備唬鐞嗗伐鍏锋帹鑽愶細whistle/lightproxy寮€鍙戣€呭湪浣跨敤浠ｇ悊宸ュ叿鏃讹紝涓€鑸細鍏虫敞浠ヤ笅浜旂偣锛氶潤鎬佽祫婧愪唬鐞嗙櫥褰曠姸鎬佷唬鐞哸pi鎺ュ彛浠ｇ悊鎺ュ彛Mock绉诲姩绔敮鎸佹瀯寤哄伐鍏峰唴缃唬鐞嗗線寰€涓嶈兘瀹屽叏婊¤冻锛屼綔鑰呬娇鐢ㄧ殑鏄湰鍏徃鍩轰簬whistle寮€鍙戠殑涓€娆句唬鐞嗚蒋浠躲€傚紑婧愬伐鍏峰彲浠ヨ瘯璇晈histle鍜宭ightproxy銆傝繕闇€瑕侀€氳繃CI绠￠亾淇濊瘉浠ｇ爜璐ㄩ噺锛岄€氳繃鑷姩鍚堢害浜や粯绠￠亾鎻愰珮鍚堢害浜や粯鏁堢巼銆備笉杩囷紝绗旇€呮槸浠onorepo浠撳簱涓哄墠鎻愮殑銆傚弬鑰冧环鍊煎彲鑳戒笉澶э紝灏变笉璇︾粏灞曞紑浜嗐€傚僵铔嬶細濡備綍浠庝唬鐮佸眰闈㈡彁鍗囪嚜宸辩殑涓嶅彲鏇夸唬鎬э紝鍧氭寔鑷繁閫犺疆瀛愶紝鍧氭寔鍐欏法鏃犻湼缁勪欢锛?00琛?锛変笉鍐欐枃妗ｄ笉璇勮锛屼笉鍚堢悊鎷嗗垎妯″潡锛屽湪缁勪欢鍐呴儴浣跨敤澶氫釜useEffects锛屾垨鑰呬娇鐢ㄥ涓猽seEffects鍦ㄤ竴涓猽seEffect涓€涓笟鍔￠€昏緫锛屼緷璧栨弧澶╅鐨勯挬瀛愶紝浠庝笉鑴辩涓氬姟閽╁瓙锛岀湅鍒拌绠楅€昏緫灏辩敤useMemo锛岀湅鍒板嚱鏁板氨鐢╱seCallback锛屽埆鎶婂彉閲忔垨鑰呭嚱鏁板懡鍚嶅ソ
