【Day00】系列文概述 & 目录

连载动机

藉由 30 天笔记,
将学习 React 相关的知识整理起来,
以便日後回头参照。

主要参考来源为官方网站,
并搭配各路大神的文章整理成笔记。

预计内容如下方目录,
依照实际内容随时进行调整。

因一篇文章预计只专注一个知识点,
参考资料基本上都放在此篇 Day01 的最底下,
该知识点有特别参考资料的话再另行注明。


目录

React

  • React 简介
  • JSX(JavaScript 语法扩充)
  • 渲染元素 Rendering Element
  • Component 与 Props
  • Data Flow 与 State
  • 生命周期 Lifecycle(Class Component)
  • 事件处理 Handling Events
  • 条件渲染 Conditional Rendering
  • 列表 List 与 key
  • 表单:受控元件 Controlled Component
  • 表单:非受控元件 Uncontrolled Component
  • 插槽 Portals
  • 型别检查 PropTypes
  • 样式 Style
  • 代码分割 & 延迟载入 Code Splitting & Lazy loading
  • React Router
  • React 与 Immutible
  • Context
  • Ref
  • Memo

React hook

  • Hook 概述
  • useState
  • useEffect
  • useContext
  • useReducer
  • useRef
  • useMemo
  • useCallback
  • Custom hook(自定义 hook)

参考资料


<<:  Flutter体验 Day 8-开始玩积木

>>:  Day00 前言与目录

【Day 05】LeetCode:Plus One ( 用 JavaScript 学演算法 )

我们继续透过 LeetCode #66 Plus One 来实际感受解决问题的过程 ( 题目连结 )...

Day 03 HTML/CSS 使用 tailwindcss 遇到的小问题

tailwindcss 是新世代的框架,常常拿来跟 Bootstrap 比较 套句老师上课说的话,单...

什麽是 Cloud 2.0 ?

此文由 Marketing Insider Group 的主题讲者、作者兼首席执行官 Michae...

Day 18 To Do List - 加入逻辑 1

第 18 天~ 昨天已经把画面给布置好了 有了画面,但是没有任何的逻辑,所以现在任何操作其实都不会有...

【Day23】参数

参数 首先我们先看一个范例 function fn(para){ console.log(para,...