Hooks 是 React 的重要內(nèi)容，React 使用各種 Hooks 來處理邏輯、更新數(shù)據(jù)。本章學習基礎(chǔ) Hooks 如 useState useEffect ，高級 Hooks 如 useMemo useCallback useRef ，還有自定義 Hooks 和第三方 Hooks 。即學即用，使用 Hooks 重構(gòu)之前的問卷列表頁。
本章中對React 框架優(yōu)勢、React 18 版本特點特性，以及課程整體的教學思路和方法，進行了梳理，幫助大家更加清晰的認識 React 18。
本章主要學習在FlatList中展示視頻，以及視頻的播放功能。并且同一時間只能播放一個視頻，需要做一些優(yōu)化，并且在播放視頻時需要暫停音頻。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
“造輪子”是一個過程，要想造企業(yè)級輪子，自然需要更加豐富全面的技術(shù)。從本章開始，將帶領(lǐng)大家在梳理鞏固知識的同時，進行“實用輪子”的開發(fā)，為后續(xù)實戰(zhàn)項目做好準備。本章中，將分別針對React.js的核心知識，以及UmiJs的基礎(chǔ)知識，進行梳理，并應(yīng)用這些知識帶領(lǐng)大家完成多款自定義組件（LazyLoad、ErrorBoundary、 Modal）的開發(fā)。
帶學員了解課程的總體概覽以及后續(xù)課程的內(nèi)容，以吸對當前AI應(yīng)用爆發(fā)背景下的市場環(huán)境，同時了解GPT的發(fā)展時間線，及AI能力的探索。
本章將帶領(lǐng)大家快速入門Vite的基礎(chǔ)實戰(zhàn)，并講解Vite原理和Webpack的區(qū)別等內(nèi)容
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
1. 從源碼以及手寫實現(xiàn)的層級解讀Fiber 2. 從Fiber的執(zhí)行過程，理解React選擇Fiber架構(gòu)的原因
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
托雷特同學是在校大學生，本科，計算機專業(yè)。自學前端半年多，主要用 React 技術(shù)棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現(xiàn)吧~
本章主要學習表單的校驗和提交，并且需要保存登錄狀態(tài)，這樣用戶在以后進入應(yīng)用時，就不會再次提醒需要登錄了。
本章講解了「歡樂購」項目中，引導、登陸、注冊頁面的實現(xiàn)鏈路，Charles 移動端請求代理轉(zhuǎn)發(fā)工具的使用、Rem 自適應(yīng)布局的實現(xiàn)、Iconfont 等常用前端開發(fā)工具的使用，過程中幫助同學完成彈框組件、請求 Hook 等通用能力的封裝。通過本章學習，同學們可以輕松應(yīng)對相對簡單的企業(yè)移動端頁面的開發(fā)。
- 6-1 使用 React-router-dom V6 版本實現(xiàn)登陸頁面跳轉(zhuǎn)（上）
- 6-2 Charles、rem布局、一像素邊框問題的前置工程準備（下）
- 6-3 使用 Ref 和 CSS 動畫完成引導頁面開發(fā)
- 6-4 使用 React-router-dom V6 版本實現(xiàn)登陸頁面跳轉(zhuǎn)（上）
- 6-5 使用 React-router-dom V6 版本實現(xiàn)登陸頁面跳轉(zhuǎn)（下）
- 6-6 使用 Sass 優(yōu)化樣式代碼 & 使用 Axios + Charles 模擬請求開發(fā)（上）
- 6-7 使用 Sass 優(yōu)化樣式代碼 & 使用 Axios + Charles 模擬請求開發(fā)（下）
- 6-8 封裝通用請求 useRequest 自定義 Hook（上）
- 6-9 封裝通用請求 useRequest 自定義 Hook（下）
- 6-10 useRequest 代碼改造及模態(tài)框提示功能實現(xiàn)
- 6-11 使用 useImperativeHandle 進行模態(tài)框組件的封裝實現(xiàn)
- 6-12 使用 CreatePortal 完善 Modal 組件，優(yōu)化請求發(fā)送邏輯
- 6-13 注冊頁面的基礎(chǔ)開發(fā)
- 6-14 使用嵌套路由實現(xiàn)代碼的抽象復用
- 6-15 登陸邏輯的完整實現(xiàn)
本章將以登錄模塊架構(gòu)設(shè)計為背景來帶你掌握模塊設(shè)計以及RN中接口鑒權(quán)的方案，并著重培養(yǎng)大家封裝組件的能力和布局能力。
- 4-1 React Native登錄與注冊SDK設(shè)計與實現(xiàn)
- 4-2 React Native登錄與注冊SDK設(shè)計與實現(xiàn)
- 4-3 基于TextInput自定義賬號和密碼輸入框
- 4-4 基于TouchableOpacity與Linking實現(xiàn)鏈接預覽功能
- 4-5 標題欄組件封裝與實現(xiàn)登錄服務(wù)頁面結(jié)構(gòu)布局
- 4-6 基于HiNet實現(xiàn)登錄功能
- 4-7 基于AsyncStorage實現(xiàn)接口鑒權(quán)與登錄態(tài)處理
- 4-8 完成注冊模塊的設(shè)計與實現(xiàn)
- 4-9 本章總結(jié)
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數(shù)據(jù)，JS調(diào)用Native的相冊選擇圖片，JS調(diào)用Native的模塊進行一些復雜的計算，Native將一些數(shù)據(jù)(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
JSX 和組件是 React 的基礎(chǔ)，本章將從 0 講解 JSX 語法，從 0 認識組件、屬性，以及組件的拆分和嵌套。即學即用，開發(fā)一個問卷列表頁。
托雷特同學是在校大學生，本科，計算機專業(yè)。自學前端半年多，主要用 React 技術(shù)棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現(xiàn)吧~
React 有多種 CSS 方案，如引入普通 CSS 、CSS-Module、CSS-in-JS 等，本章將全部介紹和對比，最后選擇 CSS-Module 方案，并使用 Sass 語法開發(fā) CSS。即學即用，為頁面增加 CSS 樣式。
- 6-1 章介紹
- 6-2 普通方式使用CSS-盡量不要用內(nèi)聯(lián)style
- 6-3 CSS-Module 解決className可能會重復的問題
- 6-4 使用Sass語法-提高CSS編碼效率
- 6-5 CSS-in-JS常用工具之Styled-components
- 6-6 JS函數(shù)后加字符串的調(diào)用形式-解決Style-components寫法的困惑
- 6-7 CSS-in-JS常用工具之Styled-jsx和Emotion
- 6-8 實戰(zhàn)-增加CSS樣式-創(chuàng)建正式項目環(huán)境
- 6-9 實戰(zhàn)-為列表頁增加CSS樣式
- 6-10 實戰(zhàn)-為QuestionCard組件增加CSS樣式
- 6-11 章總結(jié)
托雷特同學是在校大學生，本科，計算機專業(yè)。自學前端半年多，主要用 React 技術(shù)棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現(xiàn)吧~
W同學本科畢業(yè) 3 年，計算機專業(yè)，畢業(yè)之后一直做前端開發(fā)，但沒接觸過正規(guī)前端團隊的規(guī)范研發(fā)流程。她正在尋求自己職業(yè)突破的機會。同時作為女生，她也有未來職業(yè)規(guī)劃的顧慮。來看看她面試都會遇到哪些問題~
W同學本科畢業(yè) 3 年，計算機專業(yè)，畢業(yè)之后一直做前端開發(fā)，但沒接觸過正規(guī)前端團隊的規(guī)范研發(fā)流程。她正在尋求自己職業(yè)突破的機會。同時作為女生，她也有未來職業(yè)規(guī)劃的顧慮。來看看她面試都會遇到哪些問題~
W同學本科畢業(yè) 3 年，計算機專業(yè)，畢業(yè)之后一直做前端開發(fā)，但沒接觸過正規(guī)前端團隊的規(guī)范研發(fā)流程。她正在尋求自己職業(yè)突破的機會。同時作為女生，她也有未來職業(yè)規(guī)劃的顧慮。來看看她面試都會遇到哪些問題~
前端開發(fā)第一步就是要先把項目搭起來，初始化項目，創(chuàng)建目錄結(jié)構(gòu)，完成通用的功能，比如接口請求、組件庫引入、圖片管理等。
- 7-1 在靈活之中找規(guī)范， React Hooks 的最佳實踐方法（上）
- 7-2 腳手架與使用 Vite 初始化前端項目（下）
- 7-3 在靈活之中找規(guī)范， React Hooks 的最佳實踐方法（上）
- 7-4 在靈活之中找規(guī)范， React Hooks 的最佳實踐方法（下）
- 7-5 編寫幾個通用的自定義 hooks（上）
- 7-6 編寫幾個通用的自定義 hooks（下）
- 7-7 配置 ESLint 并使用 Apollo 創(chuàng)建 GraphQL Service（上）
- 7-8 配置 ESLint 并使用 Apollo 創(chuàng)建 GraphQL Service（中）
- 7-9 配置 ESLint 并使用 Apollo 創(chuàng)建 GraphQL Service（下）
- 7-10 使用 Apollo-server 快速創(chuàng)建 mock 數(shù)據(jù)
- 7-11 antd-mobile 的基本用法，配置主題、國際化功能
- 7-12 圖片管理：將圖片上傳到阿里云 OSS（上）
- 7-13 圖片管理：將圖片上傳到阿里云 OSS（中）
- 7-14 圖片管理：將圖片上傳到阿里云 OSS（下）
- 7-15 面試重點：什么是 CSS Modules，如何使用？（上）
- 7-16 面試重點：什么是 CSS Modules，如何使用？（下）
- 7-17 職場技巧：如何優(yōu)雅的求助別人？（上）
- 7-18 職場技巧：如何優(yōu)雅的求助別人？（下）
W同學本科畢業(yè) 3 年，計算機專業(yè)，畢業(yè)之后一直做前端開發(fā)，但沒接觸過正規(guī)前端團隊的規(guī)范研發(fā)流程。她正在尋求自己職業(yè)突破的機會。同時作為女生，她也有未來職業(yè)規(guī)劃的顧慮。來看看她面試都會遇到哪些問題~
W同學本科畢業(yè) 3 年，計算機專業(yè)，畢業(yè)之后一直做前端開發(fā)，但沒接觸過正規(guī)前端團隊的規(guī)范研發(fā)流程。她正在尋求自己職業(yè)突破的機會。同時作為女生，她也有未來職業(yè)規(guī)劃的顧慮。來看看她面試都會遇到哪些問題~
