Day1 30天学会React,其实一点都不难

Hi!
时光飞逝,又过了一年,我又来自虐了,距离上次绞尽脑汁生出铁人赛文章也有一年多的时间了 废话,不知道大家这年有没有什麽成长呢?还是跟以前一样继续耍废?

其实这一年多的时间堆我来说是非常重要的一年,因为疫情所以多了更多的学习机会,像是我在疫情期间就学了:python, react-native, next.js...,说实话react也算是这次疫情开始才认真去学习(原本学Vue),包括class component, hooks, redux...(如果提到这边你有点听不懂,没关系,我後面都会提到,所以先别紧张),所以这次铁人赛就当作学习react的成果验收,从我自学找到的相关资讯到工作上的遇到的问题,我都会跟大家分享,希望你们在30天後能对react有一定程度的了解!

这边需先声明:我的观念都是自学,加工作上遇到的,所以如果有更好的解法或是想法,都欢迎提出,我会很感谢你


好的,说到这,废话也说很多了,这边要开始说明一下这次的铁人赛的一些规划:

首先,碍於上次铁人赛写得很烂,不,简直惨不忍睹,所以这次会努力提升我的用词和增加一些程序码展现,并且用一个初学者的角度跟大家再学一次react

再来这次会把所有的程序码放到Github上面,所以有任何问题都可以发issues给我,或是在下方留言,我看到一定会回你,那如果你对於我的程序码有更好的写法,欢迎发PR给我,算是做个技术上的交流,我看过之後有很高的机率会在文章後方贴上你的程序码,并且标注是谁提供的。

这篇系列文会比较适合有一点程度的人阅读,所以如果没有Html, Css, JavaScript底子的人,可能会读得比较吃力,我会以最基础的面相分享给你们,不过如果还是听不懂,可能就需要先去把其他部分补起来会比较好


以上就是这次的规则,差不多是这样,那下面会是我的主题目录(会慢慢补上):

Day1: 30天学会React,其实一点都不难!
Day2: 基础安装 + 加码:nvm
Day3: Hello World! + 基础布局
Day4: Jsx
Day5: State vs Props
Day6: Class vs Function
Day7:
Day8: React-Router
Day9: Redux流程
Day10: Redux 程序码解析 + 改写TodoList
Day11: React-Redux
Day12: combineReducer
Day13: PropsTypes
Day14: 业界如何管理Redux?
Day15: 两款追踪Redux的工具一次交给你
Day16: 为什麽需要Hooks?
Day17: useState
Day18: 实作todolist
Day19: useEffect
Day20: useReducer
Day21: useCallback + useMemo
Day22: useDispatch
Day23: useSelector
Day24: sweetAlert2
Day25: react-bootstrap
Day26: react-table
Day27: react-intl
Day28: react-chartjs-2
Day29: 其他好用套件推荐
Day30: 结语

Github:这是这30天会存放程序码的地方,如果不会PR,这边有相关文章你说你想练习发发看?也不是不行拉...,那第一天就这样喽,明天就要进入主题了


<<:  Day 1 - 浅谈 Kubernetes 的架设与管理

>>:  Day 01 前言- 开始与大家结缘

[day25]Vue实作-历史交易查询画面

在昨天的铁人贴文中制作了交易建立的画面,之前也有提到,透过批次,会於日档批次中,定期抓取历史缴费纪录...

Day 21 - Memorized Hook: useCallback

如果有错误,欢迎留言指教~ Q_Q 没写完啦 useCallback 回传一个 memoized ...

[Day-24] 小练习十进制转二进制

今天要来练习的是 二进制转十进制的练习 程序码: #include<iostream> ...

Day 14— To Do List (1) 专案前置

我们今天要来正式开一个新的专案啦! 不同於以往我们都用 Google Form 来当作载体,这次我们...

D-0-结束也是开始,这30天dotnetcore的历程回顾

实习生小光的30天历程回顾 30天的历程说长不长说短不短,从事後来看会觉得时间过得飞快,但是从刚开始...