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、如何部署博客到公网