需求分析、項目演示和App流程結構介紹:讓你對實戰App有個整體和系統的認識;技術分解:讓你知道開發一款React Native應用通常需要用到哪些技術?最后,會教你如何基于新版react-navigation來搭建整個APP的導航框架,動態TabBar的探索和實現,以及一些高級應用和實戰技巧。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
本章節主要講解全屏幕的適配與優化,并對全面屏的特點及存在的問題做出分析,同時教大家如何適配iPhone X,華為,小米、三星等全面屏與凹凸屏手機。另外,會講解react-navigation在全面屏凹凸屏上的應用,章節最后會教大家如何去自定義一個容器組件。
1. 通過手寫實現Hooks,從而掌握Hooks底層數據結構,理解單鏈表與React規則的關聯 2. 掌握diff原則,理解React VDOM DIFF算法的實現與原因 3. 通過useReducer/useState的實現,掌握React狀態值的存儲與更新
本章節我們將帶領學員使用 OpenAl 的 Embeddings 能力開發讀書助理應用,讓用戶可以與書籍進行對話。
需求分析、項目演示和App流程結構介紹:讓你對實戰App有個整體和系統的認識;技術分解:讓你知道開發一款React Native應用通常需要用到哪些技術?最后,會教你如何基于新版react-navigation來搭建整個APP的導航框架,動態TabBar的探索和實現,以及一些高級應用和實戰技巧。
大廠面試會通過各種難題來試探你的技術深度,評估你的技術發展潛力,這是入職后確定級別、薪資的重要參考。所以,技術深度將決定你的“錢途”。本章將通過多個面試題,講解前端面試常考的底層原理問題,涉及 JS Vue React Nodejs 等。
本章將使用 Create-React-App 創建 React 項目環境,它是 React 官方推薦的創建工具。此外本章還會配置 ESLint 和 Prettier 規范代碼格式,并把代碼提交到 git 倉庫。
性能優化是所有 Web 項目必備的事項。本章將對問卷項目進行性能優化,使用 useMemo 和 useCallback 緩存數據,使用路由懶加載和 webpack 拆分代碼。最終將 main.js 代碼體積從 1.6M 優化到 33KB ,極大提升加載效率。
本章主要講解圖片管理功能的開發,上傳只是最基礎的功能,上傳之后的管理才是更加復雜的部分,本章會涉及到文件目錄管理,文件管理,權限管理等功能的開發。
本章開始進入 Node.js 的世界,使用 FS 模塊完成文件的增刪改,同時還使用 Electron store 完成文件索引的持久化保存。
React Native的升級與適配一直是困擾開發者的一個痛點,本章節將講解最新版React Native的升級與適配的經驗與技巧,同時會對比不同升級方式的優缺點,并會對React Native過去一年中的重要更新做個總結,并且給出適配建議。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
無論是校招還是社招,企業都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人,是否有真實工作經驗(而非只做過個人項目和 demo)。本章將通過多個面試題,講解前端面試??嫉膶嶋H工作經驗問題。
無論是校招還是社招,企業都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人,是否有真實工作經驗(而非只做過個人項目和 demo)。本章將通過多個面試題,講解前端面試常考的實際工作經驗問題。
W同學本科畢業 3 年,計算機專業,畢業之后一直做前端開發,但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生,她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
本章手把手帶同學實現一個簡易的 React 框架,擴展同學們技術視野,幫助同學們了解 React 底層實現。通過本章學習,有助于同學從底層思考技術問題,擴展技術視野,將自己的技術水準向前更近一步。
本章主要學習手勢響應系統,通過手勢響應系統實現當頭部可見時,手指向上滑動時,tab標簽組件中的FlatList無法滾動,逐漸滑動到頭部組件不可見時,tab標簽組件中的FlatList才能滾動的效果;當頭部不可見時,手指向下滑動時,直到FlatList滾動到最頂部時,頭部才可以滑動的效果,而且根據這個滾動,標簽欄也會有淡入淡出的動畫效果。
W同學本科畢業 3 年,計算機專業,畢業之后一直做前端開發,但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生,她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
W同學本科畢業 3 年,計算機專業,畢業之后一直做前端開發,但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生,她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
本章主要講解圖片管理功能的開發,上傳只是最基礎的功能,上傳之后的管理才是更加復雜的部分,本章會涉及到文件目錄管理,文件管理,權限管理等功能的開發。
- 6-1 新建云存儲,react-hook-form表單校驗做起來(上)
- 6-2 nextjs parallel routes實現導航和內容分離
- 6-3 如何確保只有當前用戶能看到自己上傳的文件
- 6-4 更好得管理文件,讓用戶可以創建多個APP
- 6-5 創建個表單還要寫API?server action幫你輕松搞定
- 6-6 如何處理server action報錯的情況?
- 6-7 點創建就要跳轉頁面?intercepting routes實現路由插入,幫你解決問題
- 6-8 既然創建了這么多app,那么我們來切換一下吧
- 6-9 用戶需要管理自己得云存儲,給他這個機會
- 6-10 新建云存儲,react-hook-form表單校驗做起來(上)
- 6-11 新建云存儲,react-hook-form表單校驗做起來(下)
1. 分析React中常見的Context數據模式 2. 通過分析React Context,掌握Context實現原理
本章主要講解圖片管理功能的開發,上傳只是最基礎的功能,上傳之后的管理才是更加復雜的部分,本章會涉及到文件目錄管理,文件管理,權限管理等功能的開發。
需求分析、項目演示和App流程結構介紹:讓你對實戰App有個整體和系統的認識;技術分解:讓你知道開發一款React Native應用通常需要用到哪些技術?最后,會教你如何基于新版react-navigation來搭建整個APP的導航框架,動態TabBar的探索和實現,以及一些高級應用和實戰技巧。
W同學本科畢業 3 年,計算機專業,畢業之后一直做前端開發,但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生,她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
介紹 React 的歷史、背景和每次版本更新。介紹 React 的核心概念:組件化 + 數據驅動視圖。對比 React 和 Vue ,其實 React 比 Vue 更簡潔。
最后一章增加了對 Create-React-App 和 Vue-Cli 3.0 兩個前端腳手架工具中 Webpack 配置內容的分析,幫助同學了解不同腳手架工具設計的出發點,和配置的技巧。
本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標和 React 動畫的解決方案,同時將它們經過自定義,改造成新的組件。
本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標和 React 動畫的解決方案,同時將它們經過自定義,改造成新的組件。