React.js
React17基礎教程筆記(28篇)
讓我們先從基礎開始學習吧。
- 001、React教程前言
- 002、React框架和Vue框架對比
- 003、React開發環境搭建
- 004、React腳手架生成的項目目錄介紹
- 005、HelloWorld和組件的講解
- 006、React中JSX語法簡介
- 007、React實例-美女服務菜單
- 008、React實例-理論是磨好寶劍的唯一標準
- 009、React實例-老板我要加個服務
- 010、React實例-寶劍雖好 可不要貪哦
- 011、React進階-JSX防踩坑的幾個地方
- 012、React進階-Simple React Snippets插件安裝與使用
- 013、React進階-Component組件的拆分
- 014、React進階-父子組件的傳值
- 015、React進階-單項數據流和其他
- 016、React高級-調試工具的安裝及使用
- 017、React高級-PropTypes校驗傳遞值
- 018、React高級-ref的使用方法
- 019、React高級-生命周期講解(一)
- 020、React高級-生命周期講解(二)
- 021、React高級-生命周期講解(三)
- 022、React高級-生命周期改善程序性能
- 023、React高級-axios數據請求
- 024、React高級-Axios請求EasyMock
- 025、React高級-CSS3實現react動畫
- 026、React高級-CSS3的keyframes動畫
- 027、React高級-react-transition-group
- 028、React高級-多DOM動畫制作和編寫
- 源碼在gitee:點擊這里
Redux教程筆記(23篇)
- 029、Redux基礎-認識Redux和文章介紹
- 030、Redux基礎-Redux工作流程
- 031、Redux基礎-Ant Design介紹和環境初始化
- 032、Redux基礎-用Ant Design制作UI界面
- 033、Redux基礎-創建Redux中的倉庫-store和reducer
- 034、Redux基礎-Redux Dev Tools的安裝
- 035、Redux基礎-通過Input體驗Redux的流程
- 036、Redux基礎-Redux制作ToDoList列表
- 037、Redux基礎-用Redux實現ToDoList的刪除功能
- 038、Redux基礎-Redux的編程小技巧總結
- 039、Redux總結-三個React新手最容易犯的錯誤
- 040、Redux進階-如何將組件UI和業務邏輯進行拆分呢
- 041、Redux進階-Redux中的無狀態組件的改寫
- 042、Redux進階-Axios異步獲取數據并和Redux結合
- 043、Redux進階-Redux-thunk中間件的安裝和配置
- 044、Redux進階-Redux-thunk中間件的使用方法
- 045、Redux進階-Redux-saga的安裝和配置
- 046、Redux進階-用Redux-saga獲取TodoList列表
- 047、Redux進階-React-Redux介紹和安裝
- 048、Redux進階-React-redux中的Provider和connect
- 049、Redux進階-React-redux的數據修改
- 050、Redux進階-React-redux增加List數據
- 051、優化-React-redux程序優化
React Router教程筆記(6篇)
- 052、React Router 安裝與環境搭建
- 053、使用React Router制作網頁
- 054、React Router路由動態傳值
- 055、React Router路由重定向-Redirect使用
- 056、實例-ReactRouter嵌套路由
- 057、如何根據后臺接口動態獲取路由并進行配置
React Hooks教程筆記(10篇)
- 058、React Hooks介紹及環境搭建
- 059、useState() 的介紹和多狀態聲明
- 060、useEffect代替常用生命周期函數
- 061、useEffect 實現 componentWillUnmount生命周期函數
- 062、useContext 讓父子組件傳值更簡單
- 063、useReducer介紹與使用方法
- 064、用useReducer實現Redux效果的小案例
- 065、useMemo優化React Hooks程序性能
- 066、useRef獲取DOM元素和保存變量
- 067、自定義Hooks函數獲取窗口大小
React服務端渲染框架Next.js入門教程筆記(11篇)
- 068、Next.js教程-Next.js簡介和創建項目
- 069、Next.js教程-如何新建Page頁面和Component組件
- 070、Next.js教程-路由基礎和基本跳轉
- 071、Next.js教程-路由跳轉時用query傳遞和接受參數
- 072、Next.js教程-路由的六個鉤子事件
- 073、通過getInitialProps方法用Axios獲取遠端數據
- 074、Next.js教程-使用Style JSX編寫頁面的CSS樣式
- 075、Next.js教程-Lazy Loading實現模塊懶加載
- 076、Next.js教程-如何使用和自定義Head 對SEO更友好
- 077、Next.js教程-如何使用Ant Design UI
- 078、Next.js教程-生產環境打包
React Hooks+Egg.js前端博客實戰教程筆記(36篇)
- 079、前端基礎開發環境搭建
- 080、編寫博客公用頭部并生成組件
- 081、博客首頁主體的兩欄布局
- 082、通過List組件制作博客列表頁
- 083、博主介紹組件開發
- 084、博客的通用廣告組件開發
- 085、博客列表頁面制作
- 086、博客詳細頁面制作
- 087、中臺搭建1-安裝egg.js開發環境
- 088、中臺搭建2-egg.js目錄結構和約定規范
- 089、中臺搭建3-RESTful API設計簡介和路由配置
- 090、中臺搭建4-Egg.js中連接mysql數據庫
- 091、中臺搭建5-數據庫設計與首頁接口制作
- 092、前中臺結合1-前臺讀取首頁文章列表接口
- 093、前中臺結合2-文章詳細頁面接口制作展示
- 094、解決egg.js的跨域問題
- 095、利用marked+highlight.js重構前臺文章詳細頁面
- 096、重構前臺博客詳細頁面的文章導航
- 097、前臺文章列表頁-接口模塊化和讀取文章分類
- 098、前臺文章列表頁2-根據類別讀取文章列表
- 099、如何使前臺所有頁面都支持Markdown解析
- 100、后臺管理系統開發01-開發環境搭建
- 101、后臺管理系統開發02-頁面路由配置
- 102、后臺管理系統開發03-登錄界面UI制作
- 103、后臺管理系統開發04-后臺首頁UI框架搭建
- 104、后臺管理系統開發05-添加文章頁面UI制作
- 105、后臺管理系統開發06-Markdown編輯器制作
- 106、后臺管理系統開發07-service登錄接口編寫
- 107、后臺管理系統開發08-實現后臺登錄功能
- 108、后臺管理系統開發09-實現中臺路由守衛
- 109、后臺管理系統開發10-讀取添加文章頁面的類別信息
- 110、后臺管理系統開發11-實現添加文章的方法
- 111、后臺管理系統開發12-實現左側菜單的文章列表功能
- 112、后臺管理系統開發13-實現刪除文章功能
- 113、后臺管理系統開發14-修改文章功能
- 114、如何部署博客到公網