hooks 系列 - 前言

快來加入咱們吧！

"小和山的菜鳥們"，爲前端開發者提供技術相關資訊以及系列基礎文章。爲更好的用戶體驗，請您移至咱們官網小和山的菜鳥們 ( xhs-rookies.com/ ) 進行學習，及時獲取最新文章。

"Code tailor" ，若是您對咱們文章感興趣、或是想提一些建議，微信關注 「小和山的菜鳥們」 公衆號，與咱們取的聯繫，您也能夠在微信上觀看咱們的文章。每個建議或是贊同都是對咱們極大的鼓勵！

咱們爲何要學 hooks

沒有破壞性改動

• hooks 是徹底可選的 ： 不須要重寫任何代碼就能夠在組件中嘗試 hook
• 100%向後兼容的 ：hook 不包含任何破壞性改動
• 如今已經可使用 ： hook 發佈於 React 16.8

動機

Hook 解決了咱們五年來編寫和維護成千上萬的組件時遇到的各類各樣看起來不相關的問題。不管你正在學習 React，或天天使用，或者更願嘗試另外一個和 React 有類似組件模型的框架，你均可能對這些問題似曾相識。

• 組件之間複用狀態邏輯很難

• 複雜的組件變得難以理解

• 難以理解的 class

咱們要怎麼學 hooks

目前網絡上有許多學習資料，React 官方學習網站 中的內容，講述雖然詳細，可是在例子上，較爲複雜，不容易理解，而 阮一峯老師 的 hooks 基礎文章中，容易讓咱們上手，可是並不能讓你對它有一個更深入的認識，還有更多的在其餘網站上的一些資料，大部分都是對官網進行的翻譯或者部份內容進行提取，不能給你帶來不少有用的資料。

而咱們的 hooks 系列 提供了比官網更加簡單的例子，比網絡教材更加容易讓人理解的簡單教程，摘選了重點內容，讓大家能夠在短期內對 hooks 有一個清晰的認識，以及熟練的掌握簡單 hooks 的使用。

那麼什麼是 hooks

• React 框架一直提倡使用 函數組件，可是這樣會有一個問題，有時候須要使用 state 或者生命週期等其餘功能時，有隻能使用 類組件。
• hooks 是 React 16.8 新增的特性，它能夠在不編寫 類組件 的狀況下使用 state 以及其餘的 React 特性
• 若是 函數組件 中添加一些 state，如今只須要在 **函數組件 **中使用 hooks 就能夠完成操做，不須要在轉化爲 類組件
• React API 中只要是以 use 開頭的都是 hooks ，好比 useState

關於 hooks 的奧祕，快去系列文章中探索吧！

下節預告

在下節中，咱們將正式開啓 hooks 的學習旅途，敬請期待！