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