\u611f\u53d7\u4e86JS\u524d\u7aef+\u5168\u5957\u89e3\u51b3\u65b9\u6848\u5f00\u53d1\u624b\u673aApp\u7684\u6548\u7387\u3002<\/p>\n\n\n\n
\u6211\u9009\u62e9\u4e86Tailwind CSS\u505a\u5e03\u5c40\uff0c\u5f88\u5bb9\u6613\u5c31\u80fd\u5199\u51fa\u73b0\u4ee3\u98ce\u683c\u7684\u8f6f\u4ef6\u754c\u9762\u3002\u7136\u540eReact\u4f5c\u4e3a\u903b\u8f91\u5c42\uff0c\u6570\u636e\u76f4\u63a5\u7528\u5404\u79cd\u5c01\u88c5\u597d\u7684key-value\u6570\u636e\u5e93\u3002\u7136\u540e\u5404\u79cd\u5f02\u6b65\u76f4\u63a5\u5728js\u91cc\u9762\u5199await\/async\uff0c\u6839\u672c\u5c31\u6ca1\u6709\u8111\u529b\u8d1f\u62c5\u3002<\/p>\n\n\n\n
\u4eceweb\u53d8\u6210\u624b\u673aApp\u7684\u8bdd\uff0c\u5c31\u8f6c\u4e3aReact Native\uff0c\u914d\u5408Expo\u7684\u73af\u5883\uff0c\u8fde\u81ea\u5df1\u7f16\u8bd1\u90fd\u4e0d\u7528\u641e\u4e86\uff0c\u7eaf\u7cb9\u7684\u5199\u5199\u7f51\u9875\u5c31\u80fd\u53d8\u6210\u5168\u5e73\u53f0\u7684App\uff0c\u6253\u5305\u53d1\u5e03\u4e00\u5e94\u4ff1\u5168\uff0c\u8fd9\u4e2a\u95e8\u69db\u4e0d\u80fd\u518d\u4f4e\u4e86\u3002<\/p>\n\n\n\n
\u5b9e\u9645\u5728\u5f00\u53d1\u7684\u65f6\u5019\uff0c\u5404\u79cd\u72b6\u6001\u7ba1\u7406\u90fd\u6709\u73b0\u6210\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6211\u5168\u662f\u8ddfChatGPT\u95ee\u51fa\u6765\u7684\u3002\u4e0d\u4f1a\u7684API\u6216\u8005typescript\u8bed\u6cd5\u5c31\u8ddf\u5b83\u73b0\u5b66\uff0c\u8bf4\u5f97\u975e\u5e38\u6e05\u695a\uff0c\u90fd\u5f88\u5bb9\u6613\u638c\u63e1\u3002\u6bd4\u5982atom+immer\u7528\u6765\u505a\u5168\u5c40\u7684\u72b6\u6001\u50a8\u5b58\uff0cswr\u505a\u5f02\u6b65\u7684\u6570\u636e\u83b7\u53d6\u548c\u66f4\u65b0\uff0c\u7136\u540e\u5404\u79cdhook\u7528\u4e8e\u5404\u79cd\u4e0d\u540c\u7684\u573a\u666f\u3002<\/p>\n\n\n\n
\u603b\u800c\u8a00\u4e4b\uff0c\u5c31\u662fApp\u7684\u5f00\u53d1\u751f\u6001\u5b8c\u5168\u548c\u51e0\u5e74\u524d\u4e0d\u4e00\u6837\u3002\u90a3\u4f1a\u513fReact\u521a\u51fa\u6765\u7684\u65f6\u5019\uff0c\u96be\u7528\u5f97\u4e0d\u884c\uff0c\u60f3\u505a\u7a0d\u5fae\u590d\u6742\u7684\u4e1c\u897f\u5c31\u5f97\u641e\u4ec0\u4e48redux\u8fd9\u79cd\u6211\u770b\u7740\u5c31\u96be\u53d7\uff0c\u5b8c\u5168\u4e0d\u60f3\u641e\u660e\u767d\u7684\u73a9\u610f\u513f\u3002<\/p>\n\n\n\n
\u5f53\u7136\u6211\u76f8\u4fe1\u8fd9\u4e0d\u662f\u6700\u4f18\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u53ea\u662f\u5bf9\u4e8e\u6211\u8fd9\u79cd\u719f\u6089WPF\u548cJS\u8fd8\u6709React\u7684\u4eba\u6765\u8bf4\uff0c\u771f\u662f\u6109\u60a6\u7684\u5f00\u53d1\u4f53\u9a8c\uff0c\u5c24\u5176\u662f\u4e0d\u7528\u642d\u5efabuild\u73af\u5883\uff0c\u544a\u522b\u4e86\u548c\u50bb\u7f3abuild engineer\u8111\u6ce2\u540c\u6b65\u7684\u8fc7\u7a0b\uff0c\u5e78\u798f\u751f\u6d3b\u4ece\u4e91\u6253\u5305\u5f00\u59cb\u3002<\/p>\n\n\n\n
\u4e0d\u8fc7\u524d\u7aef\u793e\u533a\u8fdb\u5316\u592a\u5feb\uff0c\u6211\u73a9\u7684\u8fd9\u5957\u4e5f\u662f\u201c\u8fc7\u65f6\u201d\u6280\u672f\u6808\u3002\u597d\u5728\u6211\u4e5f\u4e0d\u662f\u4e13\u4e1a\u5f00\u53d1\uff0c\u5c31\u662f\u82b1\u4e862\u5468\u4ece0\u5f00\u59cb\u5230\u505a\u5b8c\u4e00\u4e2a\u53ef\u7528\u7684App\u4f53\u9a8c\u4e86\u4e00\u628a\u3002\u6211\u4e0d\u559c\u6b22\u8ffd\u65b0\u6f6e\u7684\u6280\u672f\uff0c\u6211\u5c31\u559c\u6b22\u8fd9\u79cd\u201c\u6210\u719f\u201d\u6216\u8005\u8bf4\u8fc7\u65f6\u7684\u6280\u672f\uff0c\u6240\u6709\u7684\u5751\u90fd\u6709\u4eba\u8e29\u8fc7\uff0c\u884c\u4e0d\u884c\u4e00\u773c\u5c31\u80fd\u770b\u5230\uff0c\u4e0d\u7528\u81ea\u5df1\u7422\u78e8\u592a\u591a\uff0c\u53cd\u6b63\u5f00\u53d1App\u53c8\u4e0d\u662f\u4ec0\u4e48\u9ad8\u5927\u4e0a\u7684\u6d3b\u513f\uff0c\u81ea\u5df1\u505a\u7740\u73a9\u521a\u521a\u597d\u3002<\/p>\n\n\n\n
\u987a\u4fbf\u9119\u89c6google\u51fa\u7684\u4ec0\u4e48Flutter+Dart\uff0c\u73b0\u6210\u7684\u8bed\u8a00\u4e0d\u7528\u975e\u8981\u641e\u5168\u65b0\u7684\u4e1c\u897f\uff0c\u62dc\u62dc\u4e86\u60a8\u7684\uff0c\u6ca1\u5fc3\u60c5\u548c\u4efb\u4f55Google\u7684\u6280\u672f\u6808\u4ea7\u751f\u8fc7\u6df1\u7684\u4ea4\u96c6\uff0c\u79bb\u4e2b\u4e00\u6bb5\u8ddd\u79bb\u6bd4\u8f83\u5b89\u5168\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u611f\u53d7\u4e86JS\u524d\u7aef+\u5168\u5957\u89e3\u51b3\u65b9\u6848\u5f00\u53d1\u624b\u673aApp\u7684\u6548\u7387\u3002 \u6211\u9009\u62e9\u4e86Tailwind CSS\u505a\u5e03\u5c40\uff0c\u5f88\u5bb9\u6613\u5c31\u80fd\u5199\u51fa\u73b0\u4ee3\u98ce\u683c\u7684\u8f6f\u4ef6\u754c\u9762\u3002\u7136\u540eReact\u4f5c\u4e3a\u903b\u8f91\u5c42\uff0c\u6570\u636e\u76f4\u63a5\u7528\u5404\u79cd\u5c01\u88c5\u597d\u7684key-value\u6570\u636e\u5e93\u3002\u7136\u540e\u5404\u79cd\u5f02\u6b65\u76f4\u63a5\u5728js\u91cc\u9762\u5199await\/async\uff0c\u6839\u672c\u5c31\u6ca1\u6709\u8111\u529b\u8d1f\u62c5\u3002 \u4eceweb\u53d8\u6210\u624b\u673aApp\u7684\u8bdd\uff0c\u5c31\u8f6c\u4e3aReact Native\uff0c\u914d\u5408Expo\u7684\u73af\u5883\uff0c\u8fde\u81ea\u5df1\u7f16\u8bd1\u90fd\u4e0d\u7528\u641e\u4e86\uff0c\u7eaf\u7cb9\u7684\u5199\u5199\u7f51\u9875\u5c31\u80fd\u53d8\u6210\u5168\u5e73\u53f0\u7684App\uff0c\u6253\u5305\u53d1\u5e03\u4e00\u5e94\u4ff1\u5168\uff0c\u8fd9\u4e2a\u95e8\u69db\u4e0d\u80fd\u518d\u4f4e\u4e86\u3002 \u5b9e\u9645\u5728\u5f00\u53d1\u7684\u65f6\u5019\uff0c\u5404\u79cd\u72b6\u6001\u7ba1\u7406\u90fd\u6709\u73b0\u6210\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6211\u5168\u662f\u8ddfChatGPT\u95ee\u51fa\u6765\u7684\u3002\u4e0d\u4f1a\u7684API\u6216\u8005typescript\u8bed\u6cd5\u5c31\u8ddf\u5b83\u73b0\u5b66\uff0c\u8bf4\u5f97\u975e\u5e38\u6e05\u695a\uff0c\u90fd\u5f88\u5bb9\u6613\u638c\u63e1\u3002\u6bd4\u5982atom+immer\u7528\u6765\u505a\u5168\u5c40\u7684\u72b6\u6001\u50a8\u5b58\uff0cswr\u505a\u5f02\u6b65\u7684\u6570\u636e\u83b7\u53d6\u548c\u66f4\u65b0\uff0c\u7136\u540e\u5404\u79cdhook\u7528\u4e8e\u5404\u79cd\u4e0d\u540c\u7684\u573a\u666f\u3002 \u603b\u800c\u8a00\u4e4b\uff0c\u5c31\u662fApp\u7684\u5f00\u53d1\u751f\u6001\u5b8c\u5168\u548c\u51e0\u5e74\u524d\u4e0d\u4e00\u6837\u3002\u90a3\u4f1a\u513fReact\u521a\u51fa\u6765\u7684\u65f6\u5019\uff0c\u96be\u7528\u5f97\u4e0d\u884c\uff0c\u60f3\u505a\u7a0d\u5fae\u590d\u6742\u7684\u4e1c\u897f\u5c31\u5f97\u641e\u4ec0\u4e48redux\u8fd9\u79cd\u6211\u770b\u7740\u5c31\u96be\u53d7\uff0c\u5b8c\u5168\u4e0d\u60f3\u641e\u660e\u767d\u7684\u73a9\u610f\u513f\u3002 \u5f53\u7136\u6211\u76f8\u4fe1\u8fd9\u4e0d\u662f\u6700\u4f18\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u53ea\u662f\u5bf9\u4e8e\u6211\u8fd9\u79cd\u719f\u6089WPF\u548cJS\u8fd8\u6709React\u7684\u4eba\u6765\u8bf4\uff0c\u771f\u662f\u6109\u60a6\u7684\u5f00\u53d1\u4f53\u9a8c\uff0c\u5c24\u5176\u662f\u4e0d\u7528\u642d\u5efabuild\u73af\u5883\uff0c\u544a\u522b\u4e86\u548c\u50bb\u7f3abuild engineer\u8111\u6ce2\u540c\u6b65\u7684\u8fc7\u7a0b\uff0c\u5e78\u798f\u751f\u6d3b\u4ece\u4e91\u6253\u5305\u5f00\u59cb\u3002 \u4e0d\u8fc7\u524d\u7aef\u793e\u533a\u8fdb\u5316\u592a\u5feb\uff0c\u6211\u73a9\u7684\u8fd9\u5957\u4e5f\u662f\u201c\u8fc7\u65f6\u201d\u6280\u672f\u6808\u3002\u597d\u5728\u6211\u4e5f\u4e0d\u662f\u4e13\u4e1a\u5f00\u53d1\uff0c\u5c31\u662f\u82b1\u4e862\u5468\u4ece0\u5f00\u59cb\u5230\u505a\u5b8c\u4e00\u4e2a\u53ef\u7528\u7684App\u4f53\u9a8c\u4e86\u4e00\u628a\u3002\u6211\u4e0d\u559c\u6b22\u8ffd\u65b0\u6f6e\u7684\u6280\u672f\uff0c\u6211\u5c31\u559c\u6b22\u8fd9\u79cd\u201c\u6210\u719f\u201d\u6216\u8005\u8bf4\u8fc7\u65f6\u7684\u6280\u672f\uff0c\u6240\u6709\u7684\u5751\u90fd\u6709\u4eba\u8e29\u8fc7\uff0c\u884c\u4e0d\u884c\u4e00\u773c\u5c31\u80fd\u770b\u5230\uff0c\u4e0d\u7528\u81ea\u5df1\u7422\u78e8\u592a\u591a\uff0c\u53cd\u6b63\u5f00\u53d1App\u53c8\u4e0d\u662f\u4ec0\u4e48\u9ad8\u5927\u4e0a\u7684\u6d3b\u513f\uff0c\u81ea\u5df1\u505a\u7740\u73a9\u521a\u521a\u597d\u3002 \u987a\u4fbf\u9119\u89c6google\u51fa\u7684\u4ec0\u4e48Flutter+Dart\uff0c\u73b0\u6210\u7684\u8bed\u8a00\u4e0d\u7528\u975e\u8981\u641e\u5168\u65b0\u7684\u4e1c\u897f\uff0c\u62dc\u62dc\u4e86\u60a8\u7684\uff0c\u6ca1\u5fc3\u60c5\u548c\u4efb\u4f55Google\u7684\u6280\u672f\u6808\u4ea7\u751f\u8fc7\u6df1\u7684\u4ea4\u96c6\uff0c\u79bb\u4e2b\u4e00\u6bb5\u8ddd\u79bb\u6bd4\u8f83\u5b89\u5168\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=\/wp\/v2\/posts\/650"}],"collection":[{"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=650"}],"version-history":[{"count":2,"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=\/wp\/v2\/posts\/650\/revisions"}],"predecessor-version":[{"id":652,"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=\/wp\/v2\/posts\/650\/revisions\/652"}],"wp:attachment":[{"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mega-zone.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}