day1:参加的动机及大纲

这次的参赛是为了写让自己更多学习 react 更多更好的写法,会从 Javascript 和 React 好的写法开始,
加上许多好用的 CSS 套件使用,并在模组化和 function programming 上有所学习和使用,帮助自己 30 天可以
写出具有简洁和好懂的程序码。

以下为大纲,为参考项目,不一定每天会照着写,随时会调整:

  1. 程序码风格的重要性
  2. 程序码的命名 (component, className)
  3. css style 规划 (css module, emotion, taiwind)
  4. 判断式的使用 (if, else, swaitch, es6)
  5. 元件内状态的管理 (useState,useMemo)
  6. 跨元件的状态管理 (context, library (redux, zustand))
  7. 资料传递的形式-1 (container->component, customet hook)
  8. 资料传递的形式-2 (context)
  9. 资料传递的形式-3 (redux, redux thunk)
  10. 资料传递的形式-3 (zustand)
  11. 使用 ES6 做资料判断与处理
  12. useEffect 的写法
  13. 事前处理 api 的资料格式 (api资料与画面的连动)
  14. 共用重复的程序码 (module, customerHook)
  15. 实现模组化-1 (function, component)
  16. 实现模组化-2 (充满弹性的设计)

以下视情况追加

  1. 认识 Function Programming
  2. first class
  3. higher-order functions
  4. pure function
  5. immuable
  6. side effect
  7. declarative vs. imperative
  8. currying
  9. compose
  10. ramda.js
  11. react 使用 Function Programming

期待30天後可以写出简洁又好懂得 clean code。


<<:  DAY4-比CS更好玩的CSS

>>:  透过数位逻辑电路学习 Bitwise 操作

[从0到1] C#小乳牛 练成基础程序逻辑 Day 10 - 转角捡到猫 取什麽名字好? 命名规范

路上捡到猫 | 要取什麽名字? | 很急>< 在线等! 🐄点此填写今日份随堂测验 ...

Day 28 - Vue 与 HTTP请求 (3)

不过我们在前端与後端进行资料交换时,极有可能会遇到跨域问题。 何谓跨域问题呢? CORS(Cross...

Day55. 访问者模式

本文同步更新於blog Visitor Pattern 允许在不改变组合内各元素的情况下,增加各元...

Day25 有关 MANO 轻松使用 - 简介篇

前言 有关虚拟化网路服务的技术慢慢的成熟,对於虚拟化的功能要如何去做管理成了接下来重点,因此再来的几...

DAY22 - [React] 资料夹结构概述

今日文章目录 资料夹结构概述 参考资料 今天写一点我对 React资料结构的基础了解,在写Reac...