完赛日,心得与阶段学习验收

今年度的铁人赛於今天即将完赛,终於要告一段落啦!!!

回顾这三十天的的学习,给自己打了个差强人意的分数。

不过整体来说还是把 React 的基础算是有了个基本的了解

而本次给自己订定的目标,算是有成功达标,真的是小确幸XD

不过该如何运用到实务经验中才是考验的开始,填坑之路才正要前行!

而今天的篇幅最後附上作为验收的小小 demo 以及本次的学习文章目录。

简单说明一下这个 demo 是一个非常简单的照片墙,透过串接 Unsplash API 的资料来完成。

而为了可以将这段时间学到的观念运用到,所以使用了 React Redux 来管理状态,至於在页面切换的部分则是透过 React Router 完成。

虽然只是一个非常简单的 demo,但还是跑过了 React 基本该使用的那些观念与套件。

最後,期待明年可以再相见(?!)

附上本次的文章总目录

本次铁人赛文章目录

目录
1. 拉开序幕,认识 React 好朋友
2. 建立第一个 React Code
3. 什麽是 JSX?
4. React Element 与 Component
5. 在 Class-based Component 中的 State 与事件处理
6. 事件处理的使用与了解
7. Class-based Component 的生命周期
8. Class-based Component 生命周期方法(续)
9. 使用 React Dev Tool 提高开发效率
10. 条件 Render、列表与 key
11. Styled Component
12. CSS modules
13. Higher order component(HOC)
14. createRef 学起来,focus 元素不麻烦
15. context API
16. 在 React 中执行非同步请求
17. 初探 React Router
18. React router 配置动态参数并取得 api 资料内容
19. 巢状路由、 Query 参数与重导向
20. 透过 React Router config 统一管理路由
21. React Router 与 hooks
22. Redux 观念初探
23. Redux 同步资料流
24. Redux 非同步资料处理 - 使用 Redux Thunk
25. Redux 非同步资料流 - Redux saga 基本用法
26. React Redux 与 Hooks
27. 认识 React Hooks 之一
28. 认识 React Hooks 之二
29. 认识 React Hooks 之三
30. 完赛日,心得与阶段学习验收

铁人赛文章与程序码同步发布於:

  1. 个人部落格
  2. Github

资源


<<:  Day30-1 - GitLab CI 可以怎麽重构及整理 .gitlab-ci.yml 让内容更好了解?

>>:  Day30-2 - GitLab CI 还可以怎麽重构及整理 .gitlab-ci.yml ?

烦请各位 excel 先进帮忙~感恩!!

各位先进大家好,小弟有个Excel问题请各位帮忙!! 表格分页1 是主页, 主要为 料件搜寻、新增页...

[Day10] Face Detection - 使用OpenCV & Dlib:OpenCV DNNs

本文开始 使用OpenCV DNNs方式来侦测人脸,虽然这个方式会使用到深度学习神经网路(框架为SS...

Day23-Go Gin

前言 上一篇我们介绍了 Go 的网路操作套件 net/http,那就不能错过 Go 的网页框架(fr...

Day-2 演算法介绍

演算法(Algorithms) 大致上来说,演算法为具有明确定义的计算过程,根据输入得到不同的输出,...

Day4 Redis组态档设定-GENERAL

Redis.config SIZE 注意size设定可以用以下方式,不分大小写,但k 与 kb 代表...