| |
【电子书】哎呀！不小心刻了一套 React UI 元件庫：從無到有輕鬆上手（iThome鐵人賽系列書）
|
|
|
| |
|
|
|
|
|
|
|
ISBN |
E9786263333291 |
| 定价 |
NT490 |
| 售价 |
RM75.95 |
|
作者 |
陳泰銘(Taiming)
|
|
出版社 |
博碩文化
|
|
出版日期 |
2022-10-26 |
| 库存量 |
有库存
此商品为电子书，订单确认收到后将发送兑换码至电子信箱。 |
| |
电子书试读
本书为固定版面格式，建议您使用平板或电脑阅读。
|
| |
放入下次购买清单 |
| |
|
| |
|
|
|
| |
|
|
|
|
|
|
| |
|
|
| |
本書內容改編自【第13屆】2021 iThome鐵人賽Modern Web 組佳作網路系列文章──《30 天擁有一套自己手刻的 React UI 元件庫》 本書內容改編自【第13屆】2021 iThome鐵人賽Modern Web 組佳作網路系列文章──《30 天擁有一套自己手刻的 React UI 元件庫》
《本書特色》
1. 剖析並比較不同主流 React UI 元件庫
參考並剖析市面上知名並常用的 React UI 元件庫，瞭解其設計介面及元件結構，站在巨人的肩膀上來實作屬於自己的元件。
2. 從無到有的實踐
不只有理論上的比較以及分析，本書亦包涵從無到有的實踐，逐一拆解各個步驟，從零開始打造一個容易被重用的元件。
3. 涵蓋大部分常用的元件
本書涵蓋大部分常用元件的解析以及實作，讓讀者跳脫只會使用人家做好的工具的小白，甚至能夠做出根據自己需求、客製化的元件庫。
4. 同一個元件，討論不同設計方向的思路
同樣的元件在不同的專案當中會有不同的應用情境及考量，就算是同一個功能也會有不同的實作方式，因此我們不只討論如何實作，也會討論為什麼要這樣實作。
5. 為剛入門 React 但開發經驗還不足的朋友分享一些踩雷經驗
經驗不足的工程師最大的痛點就是無法考量到各種面向的優劣，不是因為他故意要設計出不好用的元件，而是因為沒有踩過雷，所以不知道這樣做會造成什麼樣的後果。本書也會分享一些踩雷經驗，幫助讀者避免走一些冤枉路。
《專業推薦》
本書中幾乎從頭開始打造了所有常見的元件，每一個都有講解設計理念、考量點以及範例程式碼，並且很重要的一點是他參考了 MUI 跟 Ant Design 這些熱門的 library，從中學習它們的設計理念以及 HTML 結構或是 React 的寫法。
推薦這本書給所有想要打造 UI library 的新手，如果你對怎麼做出一套 UI library 毫無概念，那這本書很適合你。
──技術部落格 Huli's blog 站長 Huli
市面上，你很難找到一本這麼完整、幾乎各個基本元件都涵括到的書。針對不同類型的元件，作者都先整理了知名 UI 框架常見的作法，加以比較、分析後，再帶入作者的實務經驗和思考，最後才開始著手開發，讓讀者能夠跟著這樣的脈絡實作出一個又一個不同的元件。
──PJCHENder 網頁開發咩腳版主、《從 Hooks 開始，讓你的網頁 React 起來》作者 | 陳柏融
作者將其工作多年的經驗毫無保留地分享，在內容中並非只是闡述做法，而是一邊帶領著讀者思考，比較分析了各個系統的做法，進而整合實作出最適合自己的 UI Library。
如果想要更了解並更掌握 React 基礎的朋友，由衷地推薦您透過這本書進行深入的學習。如果想要設計自己一套 UI Library 的朋友，不妨讓這本書帶您一起前進！
──搞定學院學習社群 創辦人 | 知名外商 Hewlett-Packard 資深工程師 | Jimmy Chu
對於這本著作，我只認為相見恨晚，因為我曾經也有自己建立 UI 元件庫的需求，但當時並沒有這樣的一本書讓我理解各個元件的設計細節與思考脈絡。如果你對於打造 UI Library 有興趣，千萬不能錯過這本精彩的著作！
──《今晚來點 Web 前端效能優化大補帖》作者 | 莫力全 Kyle Mo 目錄列表:Contents 推薦序
作者序
CHAPTER 0 準備UI元件開發環境
CHAPTER 1 數據輸入元件-Button
CHAPTER 2 數據輸入元件-Switch
CHAPTER 3 數據輸入元件-Radio
CHAPTER 4 數據輸入元件-Checkbox
CHAPTER 5 數據輸入元件-Input Text/Text Field
CHAPTER 6 數據輸入元件-FormControl
CHAPTER 7 數據輸入元件-Slider
CHAPTER 8 數據輸入元件-Rate
CHAPTER 9 數據輸入元件-Upload
CHAPTER 10 數據展示元件-Chip/Tag
CHAPTER 11 數據展示元件-Badge
CHAPTER 12 數據展示元件-Tooltip
CHAPTER 13 數據展示元件-Accordion/Collapse摺疊面板
CHAPTER 14 數據展示元件-Card
CHAPTER 15 數據展示元件-Carousel
CHAPTER 16 數據展示元件-Table
CHAPTER 17 數據展示元件-Infinite scroll
CHAPTER 18 導航元件-Breadcrumb
CHAPTER 19 導航元件-Dropdown
CHAPTER 20 導航元件-Select
CHAPTER 21 導航元件-Drawer
CHAPTER 22 導航元件-Tabs
CHAPTER 23 導航元件-Pagination
CHAPTER 24 反饋元件-Spin
CHAPTER 25 反饋元件-Skeleton
CHAPTER 26 反饋元件-Progress bar
CHAPTER 27 反饋元件-Progress circle
CHAPTER 28 反饋元件-Modal
CHAPTER 29 反饋元件-Toast
CHAPTER 30 打包元件庫並發佈至NPM
|
|
| |
|
|
| |
|
|
| |
|
|
| |
購買電子書注意事項：
1. 此電子書閱讀服務配套由台灣「Readmoo讀墨電子書」提供。
2. 電子書為虛擬商品，無實體物品，格式為流動版面EPUB，適合用 mooInk電子閱讀器、手機、平板及電腦閱讀。
3. 訂單確認交易成功後，將以電子郵件寄送「電子書兌換碼」，您亦可於城邦閱讀花園網路書店「會員專區」查詢。
4. 憑電子書兌換碼可於「Readmoo讀墨電子書」兌換該本電子書。請前往「Readmoo讀墨電子書」專屬頁面，註冊成為會員并依循頁面顯示的流程進行兌換。
兌換網址：https://readmoo.com/redeem
5. 電子書兌換碼不限本人使用，惟僅限使用一次，並僅適用於 「Readmoo讀墨電子書」。
6. 購買后不得辦理退貨，也無法退費。
7. 更多電子書相關資訊及常見問題請參考客服中心。 |
|
| |
|
|
|
