文章的一開頭還是要不免俗的說一些前言

為什麼會參加這次鐵人賽？

主要是因為上次參加，但沒有完成，這次要來雪恥

再來就是因為自己在寫專案時，發現我們常常會有一套自己喜歡用的套件，導致幾乎所有的專案看起來都一樣，頂多就是顏色改一改，然後換個主題而已

所以希望透過這 30 天，可以強迫自己去使用以前沒使用過的套件，或許哪天可以導入公司專案，或是如果在面試時技能樹跟公司相符合的話，可以提高錄取機率

這 30 天的目標

接下來連續 30 天我會每天介紹一個套件，主要是因為目前前端選擇太多，當自己在做專案，或是公司在創建專案時，常常會有選擇困難症，不知道要選擇哪一個套件，所以希望可以透過這 30 天分享幾款我自己在公司有用到,或是我在網路上看到不錯的套件，跟大家分享~

這次鐵人賽的期許

當然就是希望可以完賽

寫過鐵人賽的人都會知道，30 天看似容易，其實很辛苦，基本上都是透過瑣碎的時間在寫，然後需要查詢很多相關資料，怕會誤人子弟

寫作風格

因為這次主題是介紹套件，套件會出現一定是為了解決某種需求，所以文章會分成幾部分

1. 什麼是 XXX
2. 為什麼需要 XXX
3. 環境安裝
4. 如何使用

就跟寫作文會有起承轉合一樣，介紹文章也需要四步驟

目錄

以下目錄，不是正式目錄，還會再做修改

day1: 前言

day2: 關於選擇套件你必須知道的事

day3: 套件如何貢獻

day4: NVM

day5: ES7 React/Redux/GraphQL/React-Native snippets

day6: formik + yup

day7: react-hook-form

day8: jsdoc

day9: intro.js

day10: redux-logger

day11: redux-saga

day12: react-thunk

day13: react-query

day15: react-modal

day16: react-joyride

day17: jodit-react

day18: react-intl

day19: react-i18next

day20: react-select

day21: react-table

day22: AntD Table

day23: jspdf

day24: qrcode.react

day25: sweetalert2

day26: html2canvas

day27: Webpack Bundle Analyzer

day28: lodash

day29: chart.js

day30: 結語

其他

以上寫的文章，程式碼的部分，會收錄在我個人的Github中，有興趣的話可以去看看