歷史瀏覽

{{ badge.badge_name }}
{{ item.brand_name }} {{ item.group_num + __(" Options") }}
{{ item.item_title }}
{{ item.rank.category_name }} {{ $isZh ? ' ' + item.rank.rank_name +' No.'+ item.rank.rank_num : '#'+item.rank.rank_num + ' ' + item.rank.rank_name }} {{ item.rank.category_name }}
{{ formatNumber(visualViewRate(item)) }} ({{ item.comment.comment_count > 0 ? item.comment.comment_count : __("Be the first!") }})
· {{ viewedItemSaleInfo(item) }}

{{ currency }}{{ priceFormat(item.price.shop_price) }} {{ currency }}{{ priceFormat(item.price.del_price) }}

{{ item.bundle }}
已加入購物車

切換配送區域

不同區域的庫存和配送時效可能存在差異。

歷史郵編

{{email ? __('Got it!') : __('Restock Alert')}}

我們將在商品到貨後第一時間通知你。

取消
Yami
金石堂

【繁體】React入門開發實務

{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ item.valid_price }}
{{ buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start") }}
  • + 4 images
商品描述
展開全部描述
内容簡介

從JavaScript語法的基礎開始,即使沒有相關概念的讀者也能逐漸上手

章節設計橫跨美術設計與程式開發技術,盡量滿足設計與工程兩個領域方面需求的讀者。

探討網頁全端開發的各個概念,並透過實作的方式帶領讀者逐步完成這些挑戰。

React是一套網頁的前端框架技術,因此開發者除了需要具備HTML與CSS的網頁語法開發經驗外,還需瞭解基本的JavaScript語法。因此本書將從基礎的JavaScript語言開始講起,讓無論是否有JavaScript實際開發經驗的讀者都能簡單上手。

接著將進入本書的重點:React的操作原理與基本架構,並從UI設計與實作面一步步帶領讀者進入React的開發世界。專案面更導入同樣是以JavaScript語言開發的熱門後端框架Node.js,實現第三方模組管理與建構出完整的專案結構。期許讀者能擁有使用JavaScript語言獨立開發Single Page Application的實務能力。另外本書也收錄了一些UI設計的概念與React開發的相關資源,希望能讓你的App專案更為豐富有趣。

目錄

第1章 什麼是前端工程師
由於前端要處理的問題相當廣泛,因此如何運用一個好的工具來解決這樣複雜的問題,就成了前端開發相當重要的一課,這也造就了如今前端框架百家爭鳴的狀況,但在介紹這些框架之前,讓我們先來了解一下幾個軟體框架的設計。

第2章 從JavaScript出發
本章節將介紹JavaScript基本語法,重點說明JavaScript各項概念,就算你從未接觸過JavaScript語言,沒有任何JavaScript的開發經驗,只要看完本章節,也可以具備必須的技能,開始撰寫JavaScript。

第3章 非同步處理的時代 ─ ECMAScript 6
在這個章節將會介紹我們常會用到的ES6的語法。

第4章 React起手式
本章將傳授React的基礎功夫,讓我們一起把馬步扎穩,並且享受開發網頁的樂趣。

第5章 事件處理與表單
本章將討論React的事件處理系統,在了解它之前讓我們先來看看真實DOM對事件的處理方式,包含如何綁定事件處理器、DOM事件流等概念。然後再來看看React的合成事件帶來了什麼樣的特性。本章最後一部分將介紹什麼是受控元件與未受控元件,以及受控元件和事件處理器的關係。我們將會以受控的方式來介紹React中表單的設計。

第6章 複合元件
元件是React中的基本單元,而元件組合則是React很重要的設計精神,本章將討論如何組合、嵌套各式各樣的元件,並介紹各種元件間的通訊方式、特殊屬性等等,配合一個簡單的範例來說明這些概念,帶領大家對React有更進一步的認識。

第7章 元件的生命週期
本章將討論React元件從誕生開始一直到消亡之間所經歷的過程,並將此過程整理成一張流程圖以讓讀者可以在一開始就能夠以比較全面的視野來理解元件的生命週期。本章也會對元件setState實例方法的行為進行詳細的說明,認識setState的行為也是剛跨入React的開發者必須經歷的重要課題之一。本章最後會援引React官網所提供的一個時鐘範例並稍作修改,用以觀察React元件的一生。

第8章 專案結構與建置工具
在第四章,我們已經介紹了由CDN,或是直接下載檔案的方式來使用React,在這個章節我們將以專案開發的形式來使用React。

第9章 建構自己的Landing Page
寫Front-End最困難的地方莫過於具備基本的程式能力外,還需要一些基礎的美學素養,因為前端處理的部份往往都跟視覺以及使用者體驗有關,因此這個章節我們就以一個專案的門面開始,使用React從無到有來打造屬於自己的Landing Page,除了認識React元件重複利用的特性,也順便介紹一些基礎的設計技巧。

第10章 Flux與Redux
在React中,元件並不是單獨存在的,在元件之間會有資料的流動,而且這個資料的流動只能從父元件傳遞給子元件,因此我們稱之為單向資料流。當我們的React應用越做越複雜,我們可能會遇到動態資料的處理、儲存資料和更新資料等,此時就需要更好的架構來管理複雜的資料流,並且讓程式的邏輯更容易的預測與了解,本章目標在於介紹資料流的應用程式架構。

第11章 路由
本章將用之前建立好的React環境來針對幾個常用到的功能進行練習。

第12章 Single Page Application ─ 留言板實作
最後一個章節,我們將使用第九章寫好的Landing Page,繼續完成一個標準的SPA(Single Page Application),因此本章的範例,我們將會整合第十章的Redux以及第十一章的路由。更進一步的,還會帶領大家實際操作資料庫的讀寫與RESTful API的基本應用。

附錄A JSX內建HTML元件
附錄B React元件支援的事件
附錄C React元件支援的HTML屬性
附錄D React元件支援的RDFa屬性
附錄E React元件支援的SVG屬性

規格參數

品牌 金石堂
品牌屬地 台灣
淨含量 1g

免責聲明

產品價格、包裝、規格等資訊如有調整,恕不另行通知。我們盡量做到及時更新產品資訊,但請以收到實物為準。使用產品前,請始終閱讀產品隨附的標籤、警告及說明。

查看詳情 {{ itemAct.title || '' }}

超值套裝

相似商品

{{ item.userActionNumberDesc }}
Yami wechat-share qr code

掃碼分享

【繁體】React入門開發實務

{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }} {{ itemCurrency }}{{ item.invalid_price }} {{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }}
權益價:
{{ itemCurrency }}{{ priceFormat(item.member_price) }}
立享權益
了解更多
後結束促銷
後開始秒殺 後結束秒殺
{{ getSeckillDesc(item.seckill_data) }}
{{ __("Pay with Gift Card to get sale price: :itemCurrency:price", {'itemCurrency': itemCurrency, 'price': (item.giftcard_price ? priceFormat(item.giftcard_price) : '0.00')}) }} ({{ itemCurrency }}{{ priceFormat(item.giftcard_price / item.bundle_specification) }}/{{ item.unit }}) 詳情
{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}

已下架

我們不知道該商品何時或是否會重新有庫存。

當前地址無法配送
已售完
King Stone 銷售
送至
{{ __("Ship to United States only") }}
滿49免運費
正品保證
台灣直郵
{{ quantity }} {{ instockMsg }} {{ limitText }}
{{ buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start") }}
商品有效期

搭配購買

合計 ${{ priceFormat(totalPrice) }}

已加入購物車

繼續逛逛

為你推薦

{{ item.brand_name }}

{{ item.item_name }}

{{ item.currency }}{{ item.market_price }}

{{ item.currency }}{{ item.unit_price }}

{{ item.currency }}{{ item.unit_price }}

優惠券

{{ coupon.coupon_name_new | formatCurrency }}
領取 已領取 已領完
{{ getCouponDescStr(coupon) }}
{{ coupon.use_time_desc }}
即將過期: {{ formatTime(coupon.use_end_time) }}

分享給好友

取消

亞米禮卡專享價

使用禮卡支付即可獲得禮卡專享價

規則說明

禮卡專享價是部分商品擁有的特殊優惠價格;

購買禮卡專享價商品時,若在結算時使用電子禮卡抵扣支付,且禮卡餘額足夠支付訂單中所有禮卡專享價商品的專享價總和,則可以啟用禮卡專享價;

不使用禮卡支付,或禮卡餘額不滿足上一條所述要求時,將無法啟用禮卡專享價,按照普通售價計算,但您仍然可以購買這些商品;

在購買禮卡專享價商品時,若餘額不足,可以在購物車或結算頁中點擊“充值”按鈕對禮卡進行購買和充值;

商品若擁有禮卡專享價,會顯示“專享”的特殊價格標記;

如有疑問,請隨時聯繫客服;

禮卡專享價相關規則最終解釋權歸亞米所有。

由 亞米 銷售

服務保障

Yami 從美國出貨,滿$49免運費
Yami 無憂退換

配送資訊

  • 美國

    標準配送 $5.99(不含阿拉斯加,夏威夷),最終價滿$49免運費

    本地配送$5.99(加州,紐約州,新澤西,麻省和賓夕法尼亞,以上州部分地區);最終價滿$49免運費

    兩日達(含阿拉斯加夏威夷)運費19.99美元起

退換政策

亞米網希望為我們的客戶提供最優秀的售後服務,讓所有人都能放心在亞米購物。亞米自營商品在滿足退換貨條件的情況下,可在收到包裹的30天之內退換商品(食品因商品質量問題7天內可退換;為了確保每位客戶都能獲得安全和高質量的商品,對於美妝類產品,一經開封或使用即不提供退款或退貨服務,質量問題除外;其他特殊商品需聯繫客服諮詢)。
感謝您的理解和支持。

查看詳情

由 亞米 銷售

亞米電子禮品卡使用規則

若購買時選擇自動儲值,訂單完成後禮品卡將自動儲值至您的帳戶;

若購買時選擇發送郵件,訂單完成後系統將自動發送卡號和密碼到您填寫的郵箱;

寄送郵件時,任何使用者均可使用郵件中的卡號密碼進行禮卡儲值,請妥善保管郵件資訊。

如接收郵件遇到問題,請聯絡客服處理;

發送郵件時,若禮卡沒有被兌換,可以補發郵件。若已經被其他用戶兌換,無法補償;

亞米網電子禮卡可用於購買自營或第三方商品;

亞米網電子禮卡沒有有效期限限制,長期有效;

亞米網電子禮卡的金額,可分多次使用;

亞米網電子禮卡業務規則,最終解釋權歸亞米網所有。

退換政策

已消費的電子禮卡不支持退款。

King Stone 銷售

服務保障

Yami 從美國出貨,滿$49免運費
Yami 無憂退換

配送資訊

  • 美國

    標準配送 $5.99(不含阿拉斯加,夏威夷),最終價滿$49免運費

    本地配送$5.99(加州,紐約州,新澤西,麻省和賓夕法尼亞,以上州部分地區);最終價滿$49免運費

    兩日達(含阿拉斯加夏威夷)運費19.99美元起

退換政策

提供30天內退還保障。產品需全新未使用原包裝內,並附有購買憑證。產品品質問題、或錯發漏發等,由商家造成的失誤,將進行補發,或退款處理。其它原因需退貨費用由客戶自行承擔。

由 King Stone 銷售

服務保障

Yami 跨店滿$49免運費
Yami 30天退換保障

亞米-中國集運倉

由亞米從中國精選並集合各大優秀店舖的商品至亞米中國整合中心,合併包裹後將一次合包跨國郵寄至您的地址。跨店包郵門檻低至$69。您將在多商家集合提供的廣泛選購商品中選購商品,輕鬆享有跨店鋪包郵後的低郵資。

退換政策

提供30天內退換保障。產品需在全新未使用的原包裝內,並附有購買憑證。產品品質問題、錯發、或漏發等商家造成的失誤,將進行退款處理。其它原因造成的退換貨郵費客戶將需要自行承擔。由於所有商品均長途跋涉,偶有簡易外包壓磨等但不涉及內部品質問題者,不予退換。

配送資訊

亞米中國集運 Consolidated Shipping 運費$9.99(訂單滿$69 包郵)

下單後2個工作天中國商家出貨,所有包裹抵達亞米中國整合中心(除特別情況及中國境內個別法定假日外)會合併包裹後透過UPS發往美國。 UPS從中國出貨後到美國境內的平均時間為10個工作天左右,可隨時根據直發單號追蹤查詢。受疫情影響,目前物流可能延遲5天左右。包裹需要客人簽收。如未簽收,客人須承擔包裹遺失風險。

由 King Stone 銷售

服務保障

滿49免運費
正品保證
台灣直郵

配送資訊

UPS Ground 運費$11.99(訂單滿$49包郵)


Seller will ship the orders within 1-2 business days. It will not be shipped between April 7, 2019 and April 4, 2019. Orders during this time will begin shipping on April 8. Thanks for your cooperation.

積分規則

不參加任何折扣活動以及亞米會員積分制度。

退換政策

提供30天內退還保障。產品需全新未使用原包裝內,並附有購買憑證。產品品質問題、或錯發漏發等,由商家造成的失誤,將進行補發,或退款處理。其它原因需退貨費用由客戶自行承擔。

贈品

為您推薦

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

評論

分享您的感受,幫助更多用戶做出選擇。

撰寫評論
當前選擇尚無用戶評論,以下為此商品其他選項的評論內容。
排序
預設

當前商品
User Avatar VIP
:

{{ strLimit(comment, 200) }}

{{ comment.content }}

Review Image

{{ comment.imageList.length }} photos

Show Original

暫無符合條件的評論~

評論詳情

Yami Yami
:

{{ showTranslate(commentDetails) }}收起

{{ strLimit(commentDetails, 800) }}查看全部

Show Original

{{ commentDetails.content }}

Yami
查看更多

{{ formatTime(commentDetails.in_dtm) }} 已購買 {{ groupData }}

{{ commentDetails.likes_count }} {{ commentDetails.likes_count }} {{ commentDetails.reply_count }} {{ commentDetails.in_user == uid ? __('Delete') : __('Report') }}

請輸入內容

回覆{{ '(' + replyList.length + ')' }}

Yami Yami

{{ showTranslate(reply) }}收起

{{ strLimit(reply, 800) }}查看全部

Show Original

{{ reply.reply_content }}

{{ formatTime(reply.reply_in_dtm) }}

{{ reply.reply_likes_count }} {{ reply.reply_likes_count }} {{ reply.reply_reply_count }} {{ reply.reply_in_user == uid ? __('Delete') : __('Report') }}

請輸入內容

取消

這是到目前為止的所有評論!

發表評論
商品評分

請輸入評論

  • 一個好的暱稱,會讓你的評論更受歡迎!
  • 修改了這裡的暱稱,個人資料中的暱稱也將被修改。
感謝你的評論
你的好評可以幫助我們的社區發現更好的亞洲商品。

舉報

取消

確認刪除該評論嗎?

取消

{{ brandInfo.title }}

查看全部

品牌故事

{{ brandInfo.descView }} ...查看全部

{{ isZh ? album.topic_name : album.topic_ename }}

商品

{{ album.goods_count_info }}

購買數量

{{ album.bought_count_info }}

查看全部

{{ story.page_title }}

{{ story.page_desc }}

查看詳情
看了又看
品牌故事

{{ brandInfo.title }}

{{ brandInfo.desc }}
Yami

下載亞米應用