React Status 涓枃鍛ㄥ垔 #39 - 浜斿ぇ React 妗嗘灦娴嬭瘎
Posted 鍗拌涓枃
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React Status 涓枃鍛ㄥ垔 #39 - 浜斿ぇ React 妗嗘灦娴嬭瘎相关的知识，希望对你有一定的参考价值。
缂栬緫 | edison-hm
whatwewant
QC-L
鏈懆鐪嬬偣锛歂ext.js 鍙戝竷浜?10.2 鐗堟湰銆佷簲澶?React 妗嗘灦鍏ㄦ柟浣嶆祴璇勩€乂ite 2.0 鐨勯€熸垚鏁欑▼绛夌瓑銆傞櫎姝や箣澶栵紝杩橀檮鏈夊緢澶氭渶浣冲疄璺碉紝鍏蜂綋鍐呭灏忎紮浼翠滑鐪嬫枃绔犲惂~
鐢佃剳闃呰锛岃鐐瑰嚮闃呰鍘熸枃鎴栫洿鎺ヨ闂?https://docschina.org/weekly/react
馃敟 鏈懆鐑棬
Mantine锛氬叏鏂版帹鍑虹殑 React 缁勪欢搴?/span> 鈥?Mantine 缁勪欢搴撶殑鐗圭偣锛氫娇鐢ㄤ簡 MIT 鍗忚銆佸熀浜?Typescript 寮€鍙戙€佹嫢鏈夊ぇ绾?60 涓粍浠舵垨鑰?hooks銆佹敮鎸佹繁鑹蹭富棰樸€佺潃閲嶄簬鍙敤鎬т互鍙婃棤闅滅璁块棶銆佹嫢鏈夊ぇ閲忕殑鏂囨。鍜岀ず渚嬶紝骞朵笖浠栦滑涔熸敮鎸佷娇鐢ㄥ湪 Preact 涓€?/p>
https://mantine.dev/ Mantine Team 鈻?nbsp;浜斿ぇ React 妗嗘灦鐨勬祴璇?/span> 鈥?璇ヨ棰戜粎浠呯敤浜?26 鍒嗛挓锛屽氨涓哄紑鍙戣€呭浣曟寫閫?5 澶х儹闂?React 妗嗘灦锛欳RA銆丟atsby銆丯ext.js銆丅litz 鍜?Redwood 鎻愪緵浜嗗厖鍒嗙殑寤鸿銆?/p>
https://youtu.be/dfMhRYOtglg Leigh Halliday Next.js 鍙戝竷浜?10.2 鐗堟湰 鈥?Vercel 鐨?Next.js 鍥㈤槦鏈€鏂板彂甯冧簡 10.2 鐗堟湰锛屽叾鏀硅繘宸茬粡瓒呭嚭浜嗘垜浠涓€涓皬鐗堟湰鐨勬湡鏈涳細鏋勫缓閫熷害鎻愬崌浜?60%锛屾洿蹇殑鍒锋柊鍜屽惎鍔紝浼樺寲浜嗘棤闅滅璁块棶浠ュ強鎻愪緵鏇寸伒娲荤殑 redirect 鍜?rewrite銆傚阀鍚堢殑鏄紝鍚屾椂锛孏atsby 涔熷彂甯冧簡 3.4 鐗堟湰銆?/p>
https://nextjs.org/blog/next-10-2 Vercel 10 涓敤 React Native 鎼缓鐨勫簲鐢?/span> 鈥?浣滀负 React Native 鑳屽悗鐨勫巶鍟嗭紝Facebook 鍜?Instagram 鐨勭Щ鍔ㄧ搴旂敤閲嶅害浣跨敤浜?React Native 鏄悊鎵€搴斿綋鐨勶紝涓嶈繃姒滃崟涓殑鍙﹀ 8 涓簲鐢ㄥ彲鑳戒細璁╀綘鏈変簺鎰忓銆?/p>
https://t.co/Jkko0Sc0VO?amp=1 David J枚ch 濡備綍浣跨敤 TypeScript 瀹氫箟鍑芥暟 鈥?JS 鍑芥暟杩囦簬鐏垫椿鐨勫啓娉曞湪缁撳悎 TS 瀹氫箟鏃跺彲鑳戒細璁╂柊鎵嬩笉鐭ユ墍鎺紝涓烘浣滆€呮暣鐞嗕簡涓€浜涜鑼冪殑璇硶渚涘弬鑰冦€?/p>
https://kentcdodds.com/blog/typescript-function-syntaxes Kent C. Dodds 鈻?nbsp; Vite 2.0 鐨勯€熸垚鏁欑▼ 鈥?瑙嗛浣滆€呭 Vite 鐨勫枩鐖辩▼搴︾敋鑷宠浠栨斁璇濃€滄案杩滀笉浼氬啀浣跨敤 Create React App鈥濄€?/p>
https://www.youtube.com/watch?v=LQQ3CR2JTX8 Jesse Hall 浣跨敤 Yarn Workspace銆乀ypeScript銆乪sbuild銆丷eact 鍜?Express 鍒涘缓 Web 搴旂敤 鈥?鏈瘒鏄敱涓夐儴鍒嗙粍鎴愮殑绯诲垪鏂囩珷涓殑绗竴绡囷紝鎺ヤ笅鏉ョ殑涓€绡囦細浠嬬粛濡備綍浣跨敤 GitHub Actions 灏嗗簲鐢ㄥ彂甯冨埌 Docker銆?/p>
https://halftheopposite.dev/post/app-yarn-typescript-esbuild-part-1 Aymeric Chauvin 鍊熷姪 AWS Amplify 灏嗕笂浼犲浘鍍忓姛鑳芥坊鍔犲埌 React Native 搴旂敤 鈥?AWS 甯屾湜鍊熷姪 Amplify 杩涘啗绉诲姩绔殑搴旂敤寮€鍙戯紝鏁欑▼鐨勪綔鑰呬粙缁嶄簡濡備綍灏嗗叾搴旂敤浜庡父瑙佺殑闇€姹傘€?/p>
https://dev.to/aws/adding-image-upload-to-a-react-native-app-with-aws-amplify-4j7m Derek Bingham 浣跨敤 React 寮€鍙戜竴涓墦鍦伴紶娓告垙 鈥?瀵?React 鏂版墜鏉ヨ锛屼竴涓叆闂ㄧ殑濂芥柟娉曟槸瀛︿範涓€涓畝鍗曞苟甯︽湁瀹為檯妗堜緥鐨勬暀绋嬨€?/p>
https://t.co/ua5FS8JCmf?amp=1 John Au-Yeung beginner React 17 涓悎鎴愪簨浠跺皢鏀寔 Keyboard event 鐨?code 灞炴€?/span> 鈥?React 鐨勬渶鏂板彂甯冧腑鍖呮嫭浜嗚繖涓€灏忚€岄噸瑕佺殑鏀瑰姩銆?/p>
https://blog.saeloun.com/2021/04/23/react-keyboard-event-code Aditi Tipnis react-scroll-sync锛氬悓姝ュ崟椤甸潰澶氫釜鍙粴鍔ㄥ厓绱犵殑婊氬姩浣嶇疆 鈥?鏌ョ湅绀轰緥浜嗚В鏇村銆?/p>
https://github.com/okonet/react-scroll-sync Andrey Okonetchnikov React Hooks 鐨?Cheat Sheet 鈥?浣犲彲浠ュ嚭浠绘剰浠锋牸鏉ュ緱鍒拌繖浠?cheat sheet锛堜綔鑰呭缓璁細0 鍏冿級銆?/p>
https://gumroad.com/l/react-hooks-cheatsheet S茅bastien Castiel ClickableBox锛氳嚜鍔ㄤ负 html 鍏冪礌澧炲姞 鈥渙nClick鈥?鏂规硶 鈥?璇ョ粍浠惰繑鍥炵殑鍏冪礌闄や簡澧炲姞 onClick 鏂规硶澶栵紝杩樹細澧炲姞涓€绯诲垪鏀寔鏃犻殰纰嶈闂墍闇€鐨勫睘鎬э紙濡?tabIndex銆乺ole锛夊拰鐩戝惉浜嬩欢锛堝 onKeyDown锛夈€?/p>
https://github.com/danoc/clickable-box Daniel O鈥機onnor State Designer锛氱潃閲嶄簬浼樺寲鐘舵€佽璁′綋楠岀殑鐘舵€佺鐞嗗簱 鈥?鏄殑锛屽張鍑轰簡涓€涓柊鐨勭姸鎬佺鐞嗗簱锛屼笉杩囨湁鎵€涓嶅悓鐨勬槸锛岃搴撶殑鐩殑鏄笇鏈涘府鍔╀綘鍘樻竻搴旇濡備綍璁捐浣犵殑鐘舵€併€傞檮涓婄ず渚?鍜?github 浠撳簱銆?/p>
https://www.state-designer.com/ Steve Ruiz Framer Motion 鏀寔 Hooks 浜?/span> 鈥?濡傛灉涔嬪墠璇?Framer Motion 鐨勭己鐐规槸涓嶆敮鎸?Hook锛岄偅涔堢幇鍦ㄥ凡缁忓～琛ヤ簡杩欎釜绌虹己銆?/p>
https://github.com/matthiaaas/framer-motion-hooks Matthias Halfmann Chat UI Kit React锛氭瀯寤哄睘浜庝綘鐨勮亰澶?UI 缁勪欢 鈥?璇ュ簱鍙互甯姪浣犺交鏉惧疄鐜扮敤 React 缁勪欢鏉ユ惌寤鸿亰澶╃晫闈€?/p>
https://github.com/chatscope/chat-ui-kit-react chatscope 鈿★笍 濂藉簱鎺ㄨ崘锛?/strong> 浣犲彲鑳介敊杩囩殑鏈夎叮鐨勯」鐩細 鎴戜滑灏嗕负浣犲甫鏉ユ渶鍓嶆部鐨勫墠绔祫璁€?/p>
以上是关于React Status 涓枃鍛ㄥ垔 #39 - 浜斿ぇ React 妗嗘灦娴嬭瘎的主要内容，如果未能解决你的问题，请参考以下文章
馃摌 鏁欑▼涓庤叮浜?/span>
馃洜 浠ｇ爜涓庡伐鍏?/span>
馃檵鈥嶁檪锔?鍏虫敞鎴戜滑