0人評分過此書

從Hooks開始,讓你的網頁React起來

出版日期
2020
閱讀格式
PDF
書籍分類
學科分類
ISBN
9789864345083

本館館藏

借閱規則
當前可使用人數 2
借閱天數 14
線上看 0
借閱中 0
選擇分享方式

推薦本館採購書籍

您可以將喜歡的電子書推薦給圖書館,圖書館會參考讀者意見進行採購

讀者資料
圖書館 桃園市立圖書館
* 姓名
* 身分
系所
* E-mail
※ 我們會寄送一份副本至您填寫的Email中
電話
※ 電話格式為 區碼+電話號碼(ex. 0229235151)/ 手機格式為 0900111111
* 請輸入驗證碼
內容簡介

本書內容改編自第 11 屆 iT 邦幫忙鐵人賽,Modern Web 組優選網路系列文章──《從 Hooks 開始,讓你的網頁 React 起來》。

☛ 第一本整合線下內容與線上社群的 React 實體書,再也不怕沒人解惑 (https://www.facebook.com/groups/274607427104369/)
☛ 從 Hooks 開始上手 React,大幅降低陡峭的 React 學習曲線
☛ 透過專案實作到最終發布上線,讓所有人都可以看到你的作品

Q:買書後碰到問題卻沒人問怎麼辦?
A:第一本同時整合線下文字與線上社群的 React 實體書籍,不只是一本書,更提供專業線上討論與協助,免除讀者在學習新技術上的焦慮與不安!

Q:沒學過 React 可以直接從 Hooks 開始嗎?
A:從 Hooks 開始入手 React,可大幅降低過去 React 陡峭的學習曲線!

Q:學過 React 語法卻不知如何實作成專案作品?
A:以專案實作帶你一步步熟悉 React 各種語法,並將作品發布至雲端,讓所有人都能共享使用!


專業推薦

如果你希望透過學習 React 這個目前業界非常流行的框架,來提升職涯發展潛力,那這本書再適合你不過!本書是 PJ 為你設計的一趟學習旅程。除了耐心指引你步驟之外,更會告訴你各種「為什麼」,讓你對 React 背後的邏輯與思維有充分瞭解。更重要的是,你將體會到,「學習」,其實可以很不一樣。
Bernard Chan | 陳治平
前 Yahoo! 亞太區產品總監、ALPHA Camp 校長

本書不是一本工具書,而是作者在腦中思考的過程,是一本教你思考的書,以邏輯思考的走向代替一般指令式的教學,這樣的內容才是正確的教學方式,學習到的並不只是技術,而是在實務過程中所累積下來的經驗。
Howard | 吳展瑋
台南「好想工作室」創辦人、台灣口罩地圖、動森揪團工具開發者


適用讀者

✎ 學過 JavaScript,想要開始上手前端框架的初學者
✎ 想要成為前端工程師的網頁開發求職者
✎ 用過 Vue 等其他前端框架,想要體驗 React 框架的開發者


本書的誕生主要源自於 iT 邦幫忙鐵人賽,筆者在學習的過程中受益非常多,因此決定將本書首刷版稅回饋iT邦幫忙鐵人賽,鼓勵台灣IT社群互助合作且彼此樂於分享的精神。
  • 01 React中一定會用到的JavaScript語法
    • 1-1 統一開發環境-註冊CodePen帳號
    • 1-2 JavaScript語法小測試與免費學習資源
    • 1-3 樣板字面值(Template literals/Template strings)
    • 1-4 箭頭函式(arrow functions)
    • 1-5 解構賦值和物件屬性名稱縮寫
    • 1-6 展開語法和其餘語法
    • 1-7 模組的匯出與匯入
    • 1-8 這些語法全都要會才能往下看嗎
  • 02 React Hooks起來:useState與JSX的使用
    • 2-1 在沒有React以前...,用原生JavaScript做一個簡單的計數器
    • 2-2 把HTML寫在JavaScript中!?-JSX的概念
    • 2-3 在JSX中帶入變數與表達式
    • 2-4 將計數器改用JSX來寫
    • 2-5 在JSX中套用CSS樣式
    • 2-6 建立第一個React元件
    • 2-7 與使用者互動-React中的事件處理
    • 2-8 React元件中的資料-useState的使用
    • 2-9 條件轉譯的使用
    • 2-10 動態新增CSS樣式來隱藏HTML元素
    • 2-11 事件處理器的重構
    • 2-12 JSX中迴圈的使用
    • 2-13 JSX元素只能有一個最外層元素
    • 2-14 React Hooks不可這麼用
  • 03 React元件間的資料傳遞:props的應用
    • 3-1 網速傻傻分不清楚 Mbps?MB/s?來寫個單位換算器吧
    • 3-2 使用Create React App工具建立專案
    • 3-3 建立網速單位轉換器的UI
    • 3-4 React中表單的基本應用
    • 3-5 React元件的拆分
    • 3-6 React元件間的資料傳遞
    • 3-7 子層元件如何修改父層元件的資料狀態
    • 3-8 使用React FontAwesome
  • 04 在 JavaScript中撰寫CSS樣式
    • 4-1 「台灣好天氣」App專案說明
    • 4-2 認識專案資料夾結構與檔案下載
    • 4-3 用JavaScript寫CSS!?CSS in JS的使用
    • 4-4 使用emotion完成「台灣好天氣」 UI
    • 4-5 為深色主題做準備-將props傳入styled components中
    • 4-6 使用emotion實作深色主題
    • 4-7 快速了解各元件的資料狀態-React Developer Tools
  • 05 串接API:useEffect與useCallback
    • 5-1 申請使用中央氣象局API
    • 5-2 將天氣資料呈現於畫面中-useState的使用
    • 5-3 使用fetch拉取天氣觀測資料
    • 5-4 頁面載入時就去請求資料-useEffect的基本使用
    • 5-5 實作資料載入中的狀態
    • 5-6 搭配useEffect拉取多支API回傳的資料
    • 5-7 讓拉取API的函式與元件脫鉤
    • 5-8 了解定義函式的適當位置以及useCallback的使用
  • 06 進階資料處理與客製化React Hooks
    • 6-1 將天氣代碼轉換為天氣圖示
    • 6-2 根據天氣代碼顯示天氣圖示-useMemo的使用
    • 6-3 根據白天或夜晚顯示不同的主題配色
    • 6-4 專案程式碼重構
    • 6-5 建立自己的鉤子-Custom Hooks
  • 07 表單處理與頁面間的切換
    • 7-1 處理不同支API需帶入不同地區名稱的問題
    • 7-2 新增地區設定頁面
    • 7-3 實作頁面間的切換功能
    • 7-4 React中的表單處理(Controlled vs Uncontrolled)
    • 7-5 Uncontrolled components和useRef的使用
    • 7-6 讓使用者可以自行設定地區
    • 7-7 透過localStorage保存使用者設定的地區
  • 08 網站部署與未來學習方向
    • 8-1 將「台灣好天氣」部署到Github Pages
    • 8-2 將網頁變成手機Web App
    • 8-3 那些相當重要但故意先不告訴你的地方
  • 出版地 臺灣
  • 語言 繁體中文

評分與評論

請登入後再留言與評分
幫助
您好,請問需要甚麼幫助呢?
使用指南

客服專線:0800-000-747

服務時間:週一至週五 AM 09:00~PM 06:00

loading