Day30-还想学更多吗?推荐 Youtube 上面免费的 React 学习资源

终於铁人赛也到了尾声，在这三十天为了完成技术文章，查询了不少的资料当作参考，其中也包括了在 youtube 上的教学影片，所以我把推荐的一些国外 youtuber 的 React 教学清单整理在下面，提供给各位读者做学习。

推荐影片清单

这两个 youtuber 都制作不少关於 React 的教学，我也看过他们的教学，觉得讲解的相当清楚。

Youtube 频道: Codevolution

ReactJS Tutorial for Beginners

这个播放清单分成了四个部分，可以自己选择想了解的篇章观看，另外後面的三个篇章该 youtuber 也有把它们独立成一个清单，所以我也将那三个项目加上清单连结:

• 介绍 React 基础
• React hooks
• React 元件 render
• React TypeScript

React Redux Tutorial

React Table Tutorial

React Formik Tutorial

React Storybook Tutorial

Practical React

教你制作出几个网页常用的元件

React TypeScript Webpack Setup

教你重头建置 React TypeScript 的 Webpack 环境。

Next.js Tutorial for Beginners

Youtube 频道: The Net Ninja

React Testing Library Tutorial

介绍 React Testing Library

Full Modern React Tutorial

React Context & Hooks Tutorial

Youtube 频道: Philip Fabianek

React.js Deep Dive

最近发现相当不错的系列，深入介绍 React 的一些功能，应该以後还会新增影片上去。

React Hooks Tutorial

文章整理

另外也整理一下过去 29 天发布的文章。

Day1-铁人赛大纲 & 为什麽要使用 Hook?

Day2-React Hook 篇-认识 useState

Day3-React Hook 篇-认识 useEffect

Day4-React Hook 篇-认识 useRef & useImperativeHandle

Day5-React Hook 篇-认识 useContext

Day6-React Hook 篇-useReducer

Day7-在认识 useMemo 前，先认识 React.memo

Day8-React Hook 篇-认识 useMemo

Day9-React Hook 篇-认识 useCallback

Day10-React Hook 篇-打造自己的 Hook：Custom Hook

Day11-React 表单验证篇-不使用 hook 或第三方函式库

Day12-React 表单验证篇-使用 Custom hook 进行表单的验证

Day13-React 表单验证篇-使用第三方函式库 Formik 进行表单的验证

Day14-Redux 篇-介绍 Redux

Day15-Redux 篇-实作范例

Day16-Redux 篇-认识 Redux Toolkit

Day17-Redux 篇-用 Redux Toolkit 实作范例

Day18-React Router 篇-上篇

Day19-React Router 篇-下篇

Day20-React 简易动画篇-上篇

Day21-React 简易动画篇-下篇

Day22-React Life Cycle 篇-上篇(介绍生命周期图 & Mounting)

Day23-React Life Cycle 篇-下篇(Updating & Unmounting & Error handling & Render Phase & Commit Phase)

Day24-React 效能优化篇-上篇(四个优化效能的技巧)

Day25-React 效能优化篇-下篇(介绍 React Profiler)

Day26-React PropTypes & DefaultProps

Day27-介绍 React Developer Tools

Day28-介绍 Redux DevTools

Day29-浅谈 React Concurrent Mode & 相关功能(Fiber、Suspense、useTransition、useDeferredValue)

可以看到在这 29 天中，认识了多个常用的 hook、表单处理、Redux/Redux Tookit、React Router V5、React 动画 library React Transition Group、React life cycle、效能优化、以及其他几项 React 的功能。

另外题外话一下，我看今年还蛮多人写 React 相关主题的，所以我想会多了不少 React 相关的文章可以做参考，这是一个好的现象。未来若有研究 React 相关的功能、特性，我也会写成番外篇补充给读者参考。

那今年的铁人赛我就成功再次完赛了!耶~希望今年写的铁人赛内容对读者能有帮助!我明年还会再参加的!大家拜拜。