typescript + react 項目開發體驗

簡介

爲何ts

當你在閱讀別人js代碼，根據路徑去查找某個正在使用方法的定義時。

當你使用代碼庫內心大概知道用法，可是不是很清晰缺乏提示的時候。

當你在後端的接口交互過程當中，經常忘了它有哪些屬性，須要來回對文檔的時候。

ts可以很好的幫你解決這些問題，在ts中能夠經過command/ctrl +鼠標左鍵輕鬆找到方法定義。

當你使用代碼庫時可以有友好的操做提示，充當文檔的做用。

當你在後端的接口交互中，若是可以正確的將數據傳入/返回接口的數據格式定義，使用的過程當中都會有相應的提示，將不用來回對文檔，且不怕漏寫或者錯寫屬性。

並且ts不須要額外再裝入額外的babel、polyfill自己就可以直接編譯成es指定版本的代碼，包括導出的代碼還能支持umd/cmd/esmodule等各類方式，也提供了極大的便利。

構思

本文是用 typescript 構建項目，以遇到什麼問題，如何解決問題的思路行文。

結合實際場景，進行描述，或給出相關資料連接，思路爲主實現爲輔。

由於不是手把手教你寫，所以閱讀須要對相應的工具備必定基礎的認識。

目錄

• 起手式
• typescript
• react一些小姿式
• react的狀態管理