10x程序員工作法 / 掌握主動(dòng)權(quán)，忙到點(diǎn)子上
10x程序員工作法 / 掌握主動(dòng)權(quán)，忙到點(diǎn)子上
React18+Next.js13+TS，B端+C端完整業(yè)務(wù)+技術(shù)雙閉環(huán) 2023年
最新網(wǎng)課、影視劇電影資源：趣資料m.basgkw.cn
- 視頻資源大?。?.77 GB 更新時(shí)間：2023-07-01
- 類(lèi)型：視頻 觀看方式：百度網(wǎng)盤(pán)
- 類(lèi)別：>電腦教程 > 語(yǔ)言匯編Tags：
- 提醒：開(kāi)通VIP會(huì)員全站免費(fèi)學(xué) 推薦星級(jí)：
React18+Next.js13+TS，B端+C端完整業(yè)務(wù)+技術(shù)雙閉環(huán) 2023年資源簡(jiǎn)介：
最新 React 技術(shù)棧，實(shí)戰(zhàn)復(fù)雜低代碼項(xiàng)目-仿問(wèn)卷星
接觸過(guò)幾千名前端學(xué)員，發(fā)現(xiàn)大部分學(xué)員只用過(guò) Vue，但 React 在大廠的使用率非常高，不會(huì) React 降低學(xué)員在工作、面試中的競(jìng)爭(zhēng)力。本課由雙越慕課明星講師，運(yùn)用擅長(zhǎng)的通俗易懂的講課方式，從入門(mén)、進(jìn)階到實(shí)戰(zhàn)，幫助你系統(tǒng)構(gòu)建完整的 最新React 生態(tài)技術(shù)體系，手把手帶領(lǐng)下完成一個(gè)超2W行的高質(zhì)量復(fù)雜低代碼項(xiàng)目-高仿問(wèn)卷星，從架構(gòu)到拆解，從B 端到C端，完整業(yè)務(wù)+技術(shù)雙閉環(huán)實(shí)戰(zhàn)，助你在激烈的競(jìng)爭(zhēng)中脫影而出。
適合人群
想從 0 學(xué)習(xí) React 完整技術(shù)棧的同學(xué)
學(xué)過(guò) Vue 還想進(jìn)階 React 的同學(xué)
想學(xué)習(xí) React 做復(fù)雜項(xiàng)目的同學(xué)
技術(shù)儲(chǔ)備
熟悉 HTML CSS 和 JS 語(yǔ)法
了解 HTTP 協(xié)議，用過(guò) Ajax
了解 webpack 或 vite 的基本配置
React18+Next.js13+TS，B端+C端完整業(yè)務(wù)+技術(shù)雙閉環(huán)百度網(wǎng)盤(pán)課程目錄
第1章 開(kāi)期準(zhǔn)備
1-1-導(dǎo)學(xué).mp4
1-2-功能介紹.mp4
1-3-課程安排-即學(xué)即用，漸進(jìn)式開(kāi)發(fā)項(xiàng)目.mp4
第2章 【入門(mén)】什么是 React React 引領(lǐng)了現(xiàn)代前端開(kāi)發(fā)的變革
2-1-章介紹.mp4
2-2-React是全球最火爆的前端框架.mp4
2-3-React其實(shí)非常簡(jiǎn)單-但需要你熟悉JS語(yǔ)法.mp4
2-4-看幾個(gè)示例來(lái)體會(huì)React的代碼邏輯.mp4
2-5-React核心價(jià)值-組件化.mp4
2-6-React核心價(jià)值-數(shù)據(jù)驅(qū)動(dòng)視圖.mp4
2-7-課程安排-即學(xué)即用，漸進(jìn)式開(kāi)發(fā)項(xiàng)目.mp4
2-8-章總結(jié).mp4
第3章 【基礎(chǔ)】創(chuàng)建 React 項(xiàng)目開(kāi)發(fā)環(huán)境 – 代碼未動(dòng)，環(huán)境先行[缺3-5]
3-1-章介紹.mp4
3-10-【加餐】vite和webpack的區(qū)別-vite使用E.mp4
3-11-章總結(jié).mp4
3-2-準(zhǔn)備工作-安裝必備軟件.mp4
3-3-使用Create-React-App創(chuàng)建項(xiàng)目-React.mp4
3-4-使用Vite創(chuàng)建React項(xiàng)目-Vite是前端熱門(mén)工具.mp4
3-6-使用prettier規(guī)范代碼風(fēng)格-統(tǒng)一風(fēng)格，多人開(kāi)發(fā)也不.mp4
3-7-提交代碼到git倉(cāng)庫(kù)-選擇國(guó)內(nèi)平臺(tái).mp4
3-8-使用husky執(zhí)行pre-commit檢查-把非規(guī)范代碼.mp4
3-9-使用commit-lint規(guī)范commit提交格式-讓g.mp4
第4章 【基礎(chǔ)】JSX 語(yǔ)法和組件基礎(chǔ) – 學(xué)完即可開(kāi)發(fā)一個(gè)靜態(tài)頁(yè)面[缺4-12]
4-1-章介紹.mp4
4-10-實(shí)戰(zhàn)-開(kāi)發(fā)項(xiàng)目列表頁(yè)-即學(xué)即用效果好.mp4
4-11-React組件基礎(chǔ)-拆分UI結(jié)構(gòu)，便于開(kāi)發(fā)維護(hù)和復(fù)用.mp4
4-13-React開(kāi)發(fā)者工具-讓React調(diào)試更簡(jiǎn)單.mp4
4-14-加餐-JSX和Vue模板的區(qū)別-體現(xiàn)兩者設(shè)計(jì)理念的差異.mp4
4-15-章總結(jié).mp4
4-2-JSX語(yǔ)法和HTML相似-很容易學(xué)習(xí).mp4
4-3-JSX的標(biāo)簽-和HTML標(biāo)簽有幾點(diǎn)不同.mp4
4-4-JSX的屬性-style改動(dòng)非常大.mp4
4-5-JSX中監(jiān)聽(tīng)DOM事件-遇到了Typescript類(lèi)型問(wèn).mp4
4-6-補(bǔ)充Typescript類(lèi)型基礎(chǔ)知識(shí)-解答上一節(jié)的困惑.mp4
4-7-JSX中插入JS變量和表達(dá)式-讓JSX真正融入JS代碼中.mp4
4-8-JSX中使用條件判斷-讓JSX具備if-else能力.mp4
4-9-JSX中使用循環(huán)-讓JSX真正動(dòng)起來(lái).mp4
第5章 【基礎(chǔ)】React Hooks – 處理邏輯監(jiān)聽(tīng)狀態(tài)，讓頁(yè)面動(dòng)起來(lái)
5-1-章介紹.mp4
5-10useEffect在開(kāi)發(fā)環(huán)境下執(zhí)行兩次-模擬全流程，及早.mp4
5-11用useRef操作DOM元素-React的ref和Vue.mp4
5-12使用useMemo緩存數(shù)據(jù)-React中常見(jiàn)的性能優(yōu)化手.mp4
5-13使用useCallback緩存函數(shù).mp4
5-14自定義Hooks-ReactHooks的正確打開(kāi)方式.mp4
5-15使用自定義Hook獲取鼠標(biāo)位置-組件公共邏輯抽離和復(fù)用.mp4
5-16使用自定義Hook異步加載數(shù)據(jù)-模擬異步場(chǎng)景.mp4
5-17使用第三方Hooks-ahooks和react-use.mp4
5-18Hooks的三條使用規(guī)則.mp4
5-19Hooks閉包陷阱-React?？济嬖囶}.mp4
5-2-useState讓頁(yè)面;動(dòng)&起來(lái).mp4
5-20章總結(jié).mp4
5-3-state一個(gè)組件的;獨(dú)家記憶&.mp4
5-4-state特點(diǎn)-異步更新，合并后更新.mp4
5-5state特點(diǎn)-不可變數(shù)據(jù)-非常重要的概念.mp4
5-6實(shí)戰(zhàn)-重構(gòu)列表頁(yè)-用useState實(shí)現(xiàn)增、刪、改.mp4
5-7使用immer修改state-幫你擺脫;不可變.mp4
5-8實(shí)戰(zhàn)-重構(gòu)列表頁(yè)-使用immer讓開(kāi)發(fā)更簡(jiǎn)單.mp4
5-9useEffect監(jiān)聽(tīng)組件生命周期-創(chuàng)建、更新、銷(xiāo)毀.mp4
第6章 【基礎(chǔ)】在 React 中使用 CSS 樣式 – 為頁(yè)面“美顏”，頁(yè)面變漂亮[缺6-1]
6-10實(shí)戰(zhàn)-為QuestionCard組件增加CSS樣式.mp4
6-11章總結(jié).mp4
6-2普通方式使用CSS-盡量不要用內(nèi)聯(lián)style.mp4
6-3CSS-Module解決className可能會(huì)重復(fù)的問(wèn)題.mp4
6-4使用Sass語(yǔ)法-提高CSS編碼效率.mp4
6-5CSS-in-JS常用工具之Styled-componen.mp4
6-6JS函數(shù)后加字符串的調(diào)用形式-解決Style-compon.mp4
6-7CSS-in-JS常用工具之Styled-jsx和Emot.mp4
6-8實(shí)戰(zhàn)-增加CSS樣式-創(chuàng)建正式項(xiàng)目環(huán)境.mp4
6-9實(shí)戰(zhàn)-為列表頁(yè)增加CSS樣式.mp4
第7章 【中級(jí)】React-router 路由 – 配置多頁(yè)面，由單頁(yè)變成一個(gè)系統(tǒng)
7-1章介紹.mp4
7-2路由設(shè)計(jì)-確定網(wǎng)址和頁(yè)面的關(guān)系.mp4
7-3設(shè)計(jì)Layout模板-抽離公共部分，代碼復(fù)用.mp4
7-4路由開(kāi)發(fā)-創(chuàng)建所有頁(yè)面.mp4
7-5路由開(kāi)發(fā)-創(chuàng)建3個(gè)Layout和使用Outlet.mp4
7-6使用React-Router配置路由-實(shí)現(xiàn)了多頁(yè)面.mp4
7-7使用路由API-跳轉(zhuǎn)頁(yè)面和獲取參數(shù).mp4
7-8章總結(jié).mp4
7-9自定義網(wǎng)頁(yè)標(biāo)題和favicon.mp4
第8章 【基礎(chǔ)】使用 AntDesign UI 組件庫(kù) – 常用組件拿來(lái)即用
8-10使用AntD重構(gòu)QuestionCard組件-得到了最終.mp4
8-11使用AntD的confirm功能-展示AntD的交互能力.mp4
8-12使用AntD開(kāi)發(fā)星標(biāo)問(wèn)卷列表頁(yè).mp4
8-13使用AntD開(kāi)發(fā)回收站頁(yè)面-使用Table組件.mp4
8-14開(kāi)發(fā)回收站的恢復(fù)和刪除-為表格增加了選擇功能.mp4
8-15加餐-介紹TailWind-CSS.mp4
8-16章總結(jié).mp4
8-1章介紹.mp4
8-2介紹React世界中常用的幾個(gè)UI組件庫(kù).mp4
8-3安裝和使用Ant-Design.mp4
8-4使用AntD重構(gòu)MainLayout-體現(xiàn)AntD布局能力.mp4
8-5使用AntD重構(gòu)ManageLayout-靈活使用Butt.mp4
8-6使用AntD開(kāi)發(fā)Logo組件.mp4
8-7開(kāi)發(fā)UserInfo組件.mp4
8-8使用AntD開(kāi)發(fā)首頁(yè).mp4
8-9使用AntD快速制作漂亮的404頁(yè)面.mp4
第9章 【中級(jí)】React 表單組件 – 接收用戶(hù)輸入，讓用戶(hù)和頁(yè)面互動(dòng)起來(lái)[缺9-13]
9-10使用AntD的Form組件開(kāi)發(fā)注冊(cè)頁(yè).mp4
9-11使用AntD的Form組件開(kāi)發(fā)登錄頁(yè)，并實(shí)現(xiàn).mp4
9-12使用AntD表單組件的校驗(yàn)功能，校驗(yàn)用戶(hù)名和密碼的格式.mp4
9-14使用第三方表單校驗(yàn)工具Formik.mp4
9-15章總結(jié).mp4
9-1章介紹.mp4
9-2什么是受控組件-React表單組件的重要概念.mp4
9-3使用textarea組件-通過(guò)dangerouslySet.mp4
9-4使用radio單選按鈕-受控組件的設(shè)計(jì)思路.mp4
9-5使用checkbox復(fù)選按鈕-模擬真實(shí)的業(yè)務(wù)場(chǎng)景.mp4
9-6使用select下拉框組件.mp4
9-7使用form組件和submit方法.mp4
9-8使用AntD開(kāi)發(fā)ListSearch搜索組件.mp4
9-9ListSearch搜索修改URL參數(shù)-體現(xiàn)組件設(shè)計(jì)的解耦.mp4
第10章 【中級(jí)】Ajax 網(wǎng)絡(luò)請(qǐng)求 part1 – 搭建 Mock 服務(wù)，完成前后端通訊
10-1 章介紹.mp4
10-10 配置axios的response攔截器-統(tǒng)一處理錯(cuò)誤.mp4
10-11 開(kāi)發(fā)新建問(wèn)卷功能-設(shè)置loading狀態(tài)以?xún)?yōu)化體驗(yàn).mp4
10-12 開(kāi)發(fā)獲取問(wèn)卷信息功能-使用自定義Hook抽離公共邏輯.mp4
10-13 使用useRequest重構(gòu)Ajax請(qǐng)求-統(tǒng)一處理l.mp4
10-14 使用useRequest獲取問(wèn)卷列表.mp4
10-15 給列表增加搜索功能-使用第三方Hook抽離組件公共邏.mp4
10-16 使用useRequest開(kāi)發(fā)星標(biāo)和回收站頁(yè)面.mp4
10-2 關(guān)于Ajax的基礎(chǔ)知識(shí)、API和工具.mp4
10-3 使用mockjs模擬Ajax請(qǐng)求.mp4
10-4 在nodejs中使用mockjs-使用Random輕松.mp4
10-5 使用nodejs啟動(dòng)服務(wù)，模擬get請(qǐng)求.mp4
10-6 模擬post請(qǐng)求，并使用postman測(cè)試.mp4
10-7 使用craco.js擴(kuò)展webpack配置-使用dev.mp4
10-8 介紹幾個(gè)在線mock平臺(tái)-謹(jǐn)慎使用.mp4
10-9 API設(shè)計(jì)-使用Restful API規(guī)范.mp4
第11章 【中級(jí)】Ajax 網(wǎng)絡(luò)請(qǐng)求 part2 – 一次學(xué)習(xí)多種形式的列表和分頁(yè)功能
11-1 開(kāi)發(fā)分頁(yè)功能-定義URL參數(shù)page和pageSize.mp4
11-10 開(kāi)發(fā)刪除問(wèn)卷功能-修改信息;假刪除&rd.mp4
11-11 開(kāi)發(fā)恢復(fù)問(wèn)卷功能-使用for-awiat-of處理多.mp4
11-12 開(kāi)發(fā)徹底刪除功能.mp4
11-13 介紹JWT-用戶(hù)登錄校驗(yàn)的技術(shù)方案.mp4
11-14 開(kāi)發(fā)用戶(hù)的mock和services.mp4
11-15 開(kāi)發(fā)注冊(cè)和登錄功能.mp4
11-16 存儲(chǔ)token，并使用axios攔截器附加token.mp4
11-17 開(kāi)發(fā)獲取用戶(hù)信息，以及退出登錄.mp4
11-18 -章總結(jié).mp4
11-2 實(shí)現(xiàn)列表分頁(yè)功能-使用Antd的Pagination組.mp4
11-3 LoadMore上劃加載更多-設(shè)計(jì)組件的state.mp4
11-4 LoadMore上劃加載更多-使用防抖監(jiān)聽(tīng)scroll.mp4
11-5 LoadMore上劃加載更多-根據(jù)DOM位置判斷加載時(shí).mp4
11-6 LoadMore上劃加載更多-真正加載數(shù)據(jù).mp4
11-7 LoadMore上劃加載更多-優(yōu)化功能體驗(yàn).mp4
11-8 開(kāi)發(fā)問(wèn)卷標(biāo)星功能.mp4
11-9 開(kāi)發(fā)問(wèn)卷復(fù)制功能.mp4
第12章 【中級(jí)】Redux 狀態(tài)管理 – 復(fù)雜項(xiàng)目的數(shù)據(jù)管理形式
12-1 章介紹.mp4
12-10 使用Redux實(shí)現(xiàn)數(shù)字加減法-使用useSelect.mp4
12-11 使用Redux實(shí)現(xiàn)TodoList-展示復(fù)雜數(shù)據(jù)結(jié)構(gòu).mp4
12-12 使用Redux實(shí)現(xiàn)TodoList-傳入Action.mp4
12-13 Redux單項(xiàng)數(shù)據(jù)流-動(dòng)圖體驗(yàn)數(shù)據(jù)流轉(zhuǎn)過(guò)程.mp4
12-14 Redux開(kāi)發(fā)者工具-方便跟蹤和調(diào)試.mp4
12-15 介紹MobX-可以像Vue一樣聲明式的修改數(shù)據(jù).mp4
12-16 使用MobX開(kāi)發(fā)TodoList-創(chuàng)建數(shù)據(jù)模型.mp4
12-17 使用MobX開(kāi)發(fā)TodoList-數(shù)據(jù)的顯示和操作.mp4
12-18 使用Redux管理用戶(hù)信息-定義store和redu.mp4
12-19 使用Redux管理用戶(hù)信息-使用useSelecto.mp4
12-2 什么是狀態(tài)管理，為何要用狀態(tài)管理.mp4
12-20 使用自定義Hook統(tǒng)一加載用戶(hù)信息，并存儲(chǔ)到redu.mp4
12-21 根據(jù)用戶(hù)登錄狀態(tài)動(dòng)態(tài)跳轉(zhuǎn)頁(yè)面-使用自定義Hook統(tǒng)一.mp4
12-22 章總結(jié).mp4
12-3 使用Context實(shí)現(xiàn)跨組件跨層級(jí)傳遞數(shù)據(jù).mp4
12-4 學(xué)習(xí)使用useReducer-提前了解redux的概念.mp4
12-5 使用useReducer開(kāi)發(fā)TodoList-定義in.mp4
12-6 使用useReducer開(kāi)發(fā)TodoList-使用di.mp4
12-7 使用Context和useReducer實(shí)現(xiàn)跨組件通訊.mp4
12-8 介紹Redux-React世界最流行的狀態(tài)管理工具.mp4
12-9 使用Redux實(shí)現(xiàn)數(shù)字加減法-認(rèn)識(shí)Reducer和Ac.mp4
第13章 【實(shí)戰(zhàn)】開(kāi)發(fā)問(wèn)卷編輯器 part1 – 尋找突破口，用兩個(gè)組件打通全部流程
13-1 -章介紹.mp4
13-10 -定義組件配置-可根據(jù)type找到組件.mp4
13-11 -在畫(huà)布上動(dòng)態(tài)顯示組件列表-梳理完整的流程.mp4
13-12 -點(diǎn)擊畫(huà)布選中組件-通過(guò)selectedId全局共享.mp4
13-13 -組件庫(kù)-組件按類(lèi)型分組.mp4
13-14 -把組件分組顯示在組件庫(kù)中.mp4
13-15 -點(diǎn)擊組件庫(kù)中的組件，添加到畫(huà)布中.mp4
13-16 -解釋為何要使用fe_id.mp4
13-17 -定義屬性表單，用于修改組件的屬性.mp4
13-18 -根據(jù)選中的組件，動(dòng)態(tài)顯示屬性表單.mp4
13-19 -修改組件屬性，并同步到畫(huà)布中.mp4
13-2 -需求分析-詳細(xì)演示各個(gè)功能.mp4
13-20 -定義EditHeader組件，實(shí)現(xiàn)返回功能.mp4
13-3 -分析UI界面，如何拆分組件.mp4
13-4 -開(kāi)發(fā)UI組件拆分-實(shí)現(xiàn)畫(huà)布Y軸滾動(dòng).mp4
13-5 -定義畫(huà)布中的兩個(gè)組件-Title和Input.mp4
13-6 -把Title和Input組件顯示到畫(huà)布上.mp4
13-7 -定義問(wèn)卷組件的數(shù)據(jù)結(jié)構(gòu)-這是動(dòng)態(tài)渲染畫(huà)布的前提.mp4
13-8 -把組件列表存儲(chǔ)到Redux store-統(tǒng)一各個(gè)組件.mp4
13-9 -把組件列表存儲(chǔ)到Redux store-重構(gòu)useL.mp4
第14章 【實(shí)戰(zhàn)】開(kāi)發(fā)問(wèn)卷編輯器 part2 – 增加其他組件，展現(xiàn)設(shè)計(jì)的擴(kuò)展性
14-1 -工具欄-刪除組件，并重新計(jì)算selectedId-p.mp4
14-10 -根據(jù)QuestionInput改造出Questio.mp4
14-11 -學(xué)習(xí)Antd的Radio組件，并定義屬性類(lèi)型.mp4
14-12 -創(chuàng)建QuestionRadio的Component.mp4
14-13 -開(kāi)發(fā)QuestionRadio屬性表單-可動(dòng)態(tài)添加.mp4
14-14 -QuestionRadio屬性表單變化，同步到畫(huà)布.mp4
14-15 -創(chuàng)建QuestionCheckbox組件，并顯示在.mp4
14-16 -開(kāi)發(fā)QuestionCheckbox屬性表單-可動(dòng).mp4
14-2 -工具欄-隱藏組件，并重新計(jì)算selectedId-p.mp4
14-3 -工具欄-鎖定和解鎖組件，動(dòng)態(tài)禁用屬性表單.mp4
14-4 -工具欄-復(fù)制和粘貼組件-結(jié)合addComponent.mp4
14-5 -在畫(huà)布增加快捷鍵-需提前判斷ActiveElemen.mp4
14-6 -快捷鍵-選中上一個(gè)，選中下一個(gè).mp4
14-7 -增加Paragraph組件-體現(xiàn)編輯器組件機(jī)制的擴(kuò)展.mp4
14-8 -為Paragraph組件增加換行功能-充分考慮安全性.mp4
14-9 -增加QuestoinInfo組件-整合標(biāo)題和段落.mp4
第15章 【實(shí)戰(zhàn)】開(kāi)發(fā)問(wèn)卷編輯器 part3 – 聚焦高級(jí)功能：拖拽排序和撤銷(xiāo)重做[缺15-1]
15-1 -在圖層中修改組件標(biāo)題-動(dòng)態(tài)切換input和文本.mp4
15-10 -組件列表拖拽排序-選擇第三方庫(kù)dnd-kit.mp4
15-11 -演示dnd-kit拖拽排序.mov.mp4
15-12 -在dnd-kit示例中模擬組件列表的數(shù)據(jù)結(jié)構(gòu).mp4
15-13 -組件列表拖拽排序-抽離公共組件SortableCo.mp4
15-14 -組件列表拖拽排序-應(yīng)用與畫(huà)布和圖層.mp4
15-15 -工具欄補(bǔ)充上移下移功能-和拖拽排序類(lèi)似.mp4
15-16 -撤銷(xiāo)重做的基本原理.mp4
15-17 -實(shí)現(xiàn)Redux的撤銷(xiāo)重做功能-使用TodoList.mp4
15-18 -問(wèn)卷編輯器增加撤銷(xiāo)重做-定義Redux數(shù)據(jù)類(lèi)型.mp4
15-19 -問(wèn)卷編輯器增加撤銷(xiāo)重做-工具欄按鈕和快捷鍵.mp4
15-2 -圖層-切換組件的hidden和locked.mp4
15-20 -章總結(jié).mp4
15-3 -動(dòng)態(tài)切換右側(cè)tabs-根據(jù)選中組件動(dòng)態(tài)切換屬性和頁(yè)面.mp4
15-4 -設(shè)置頁(yè)面信息-定義Redux數(shù)據(jù)結(jié)構(gòu).mp4
15-5 -設(shè)置頁(yè)面信息-修改表單同步到Redux中.mp4
15-6 -修改網(wǎng)頁(yè)標(biāo)題-和右側(cè)網(wǎng)頁(yè)信息表單數(shù)據(jù)聯(lián)通.mp4
15-7 -保存問(wèn)卷信息-判斷l(xiāng)oading防止連續(xù)觸發(fā).mp4
15-8 -監(jiān)聽(tīng)內(nèi)容變化，自動(dòng)保存-不是定期保存.mp4
15-9 -發(fā)布問(wèn)卷-更新isPublished屬性.mp4
第16章 【實(shí)戰(zhàn)】問(wèn)卷數(shù)據(jù)統(tǒng)計(jì) – 有統(tǒng)計(jì)數(shù)據(jù)才能體現(xiàn)完整項(xiàng)目的業(yè)務(wù)閉環(huán)
16-1 -章開(kāi)始.mp4
16-10 -答卷的數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)-把結(jié)果寫(xiě)到Mock服務(wù).mp4
16-11 -顯示答卷列表-使用useRequest獲取數(shù)據(jù)-p.mp4
16-12 -顯示統(tǒng)計(jì)表格-需根據(jù)componentList自定.mp4
16-13 -顯示統(tǒng)計(jì)列表-實(shí)現(xiàn)分頁(yè)功能.mp4
16-14 -選擇第三方圖表庫(kù)-最終選擇Recharts.mp4
16-15 -使用Recharts演示餅圖PieChart.mp4
16-16 -使用Recharts演示柱狀圖BarChart.mp4
16-17 -設(shè)計(jì)圖表統(tǒng)計(jì)的數(shù)據(jù)結(jié)構(gòu)，并寫(xiě)到Mock服務(wù)中.mp4
16-18 -為QuestionRadio擴(kuò)展統(tǒng)計(jì)組件.mp4
16-19 -為QuestionCheckbox擴(kuò)展統(tǒng)計(jì)組件.mp4
16-2 -問(wèn)卷和答卷的區(qū)別-一個(gè)是題目一個(gè)是答案.mp4
16-20 -章總結(jié).mp4
16-3 -需求分析-詳細(xì)分析每個(gè)功能點(diǎn).mp4
16-4 -獲取問(wèn)卷信息-判斷isPublished給出提示.mp4
16-5 -頁(yè)面UI布局-增加oading效果-part1.mp4
16-6 -頭部組件的UI布局.mp4
16-7 -頭部組件-拷貝URL，生成二維碼.mp4
16-8 -左側(cè)顯示組件列表-通過(guò)狀態(tài)提升存儲(chǔ)selectedI.mp4
16-9 -答卷的數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)-開(kāi)發(fā)答卷列表的前提.mp4
第17章 【實(shí)戰(zhàn)】Next.js開(kāi)發(fā)C端 – 學(xué)習(xí)React技術(shù)棧的 SSR 服務(wù)端渲染
17-1 -章介紹.mp4
17-10 -創(chuàng)建QuestionRadio組件，并引入到頁(yè)面中.mp4
17-11 -創(chuàng)建form表單-使用隱藏域存儲(chǔ)questionI.mp4
17-12 -新建API，并提交form表單.mp4
17-13 -創(chuàng)建Mock接口，跑通前后端完整流程.mp4
17-14 -抽離PageWrapper組件，統(tǒng)一定義Head.mp4
17-15 -獲取問(wèn)卷數(shù)據(jù)，并校驗(yàn)是否正常.mp4
17-16 -根據(jù)問(wèn)卷組件列表，動(dòng)態(tài)渲染表單.mp4
17-17 -擴(kuò)展表單組件Title，Paragraph和Inf.mp4
17-18 -擴(kuò)展表單組件TextArea和Checkbox.mp4
17-19 -單獨(dú)解決Checkbox組件的特殊性-合并多個(gè)va.mp4
17-2 -介紹SSR，它的優(yōu)缺點(diǎn)，和CSR的區(qū)別，以及應(yīng)用場(chǎng)景.mp4
17-20 -章總結(jié).mp4
17-3 -使用Next.js創(chuàng)建項(xiàng)目并啟動(dòng).mp4
17-4 -初試Next.js功能-擴(kuò)展頁(yè)面，使用API.mp4
17-5 -介紹StaticGeneration-構(gòu)建時(shí)生成ht.mp4
17-6 -介紹Server-side-rendering-每次.mp4
17-7 -定義動(dòng)態(tài)路由，獲取url參數(shù).mp4
17-8 -選擇form提交數(shù)據(jù)-和B端統(tǒng)計(jì)頁(yè)做數(shù)據(jù)匹配.mp4
17-9 -創(chuàng)建QuestionInput組件，并引入到頁(yè)面中.mp4
第18章 【實(shí)戰(zhàn)】React性能優(yōu)化 – 將 main.js代碼從1.6M優(yōu)化到 33KB
18-10 -章總結(jié).mp4
18-2 -useState傳入函數(shù)，只在組件渲染時(shí)執(zhí)行一次.mp4
18-3 -使用useMemo緩存B端統(tǒng)計(jì)頁(yè)的鏈接和二維碼Ele.mp4
18-4 -使用useCallback緩存添加組件的函數(shù).mp4
18-5 -使用React.memo優(yōu)化子組件更新.mp4
18-6 -分析B端構(gòu)建出的bundle文件，體積太大，需要拆分.mp4
18-7 -配置路由懶加載，拆分編輯頁(yè)和統(tǒng)計(jì)頁(yè)，優(yōu)化代碼體積.mp4
18-8 -抽離公共代碼antd和react，合理使用HTTP緩.mp4
18-9 -CRA根據(jù)路由懶加載自動(dòng)拆分CSS文件.mp4
第19章 【實(shí)戰(zhàn)】React 測(cè)試 – 項(xiàng)目有測(cè)試，睡覺(jué)才踏實(shí)（不會(huì)半夜被叫醒改bug）
19-1 -章介紹.mp4
19-10 -使用StoryBook寫(xiě)QuestionInfo組.mp4
19-11 -講解TS中typeof語(yǔ)法，和JS的typeof不.mp4
19-12 -使用StoryBook寫(xiě)其他組件的可視化測(cè)試.mp4
19-13 -章總結(jié).mp4
19-2 -單元測(cè)試入門(mén)，使用jest寫(xiě)測(cè)試用例.mp4
19-3 -寫(xiě)QuestionInfo組件的單元測(cè)試，學(xué)習(xí)新的斷.mp4
19-4 -寫(xiě)QuestionTitle和QuestionPar.mp4
19-5 -寫(xiě)QuestionInput和QuestionTex.mp4
19-6 -寫(xiě)QuestionRadio組件的單元測(cè)試-通過(guò)va.mp4
19-7 -寫(xiě)QuestionCheckbox組件的單元測(cè)試-獲.mp4
19-8 -使用pre-commit做自動(dòng)化測(cè)試，有問(wèn)題的代碼不.mp4
19-9 -可視化測(cè)試-安裝Storybook并演示例子.mp4
第20章 課程總結(jié)
20-1 -關(guān)于項(xiàng)目的服務(wù)端.mp4
20-2 -課程總結(jié).mp4
課件.zip
React18+Next.js13+TS，B端+C端完整業(yè)務(wù)+技術(shù)雙閉環(huán)百度網(wǎng)盤(pán)
PR+AU+AE全能剪輯師入門(mén)班2022年
PR+AU+AE全能剪輯師入門(mén)班2022年
React18+Next.js13+TS，B端+C端完整業(yè)務(wù)+技術(shù)雙閉環(huán) 2023年
