You’ve Recently Viewed

{{ 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 }}
Added to cart

Change Your Zip Code

Inventory information and delivery speeds may vary for different locations.

Location History

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

We will notify you by email when the item back in stock.

Cancel
Yami
KingStone

【繁體】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
Details
Full product details
内容簡介

從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屬性

Specifications

Brand KingStone
Brand Origin Taiwan
Net Content 1g

Disclaimer

Product packaging, specifications and price are subject to change without notice. All information about the products on our website is provided for information purposes only. Please always read labels, warnings and directions provided with the product before use.

View Full Terms of Use {{ itemAct.title || '' }}

Bundle & Combo

Similar Items

Related Search

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

Scan to Share

【繁體】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 }}
Price:
{{ itemCurrency }}{{ priceFormat(item.member_price) }}
Buy at VVIP Price
Learn more
Sale ends in
Sale will starts after Sale ends in
{{ 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 }}) Details
{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}

Currently unavailable.

We don't know when or if this item will be back in stock.

Unavailable in your area.
Sold Out
Sold by King Stone
Ship to
{{ __("Ship to United States only") }}
Free shipping over 49
Genuine guarantee
Ship from Taiwan
{{ quantity }} {{ instockMsg }} {{ limitText }}
{{ buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start") }}
Best before

Frequently Bought Together

Total ${{ priceFormat(totalPrice) }}

Added to Cart

Keep Shopping

More to Consider

{{ item.brand_name }}

{{ item.item_name }}

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

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

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

Coupons

{{ coupon.coupon_name_new | formatCurrency }}
Clip Clipped Over
{{ getCouponDescStr(coupon) }}
{{ coupon.use_time_desc }}
Expires soon {{ formatTime(coupon.use_end_time) }}

Share this item with friends

Cancel

Yami Gift Card

Get this exclusive deal when paying with gift card

Terms and Conditions

Gift card deals are special offers for selected products;

The gift card deals will automatically be activated if a customer uses gift card balance at check out and the balance is sufficient to pay for the total price of the shopping cart products with gift card deals;

You will not be able to activate the gift card deals if you choose other payment methods besides gift card. The products will be purchased at their normal prices;

If your account balance is not enough to pay for the products with gift card deals, you can choose to reload your gift card balance by clicking on the Reload button at either shopping cart page or check out page;

Products that have gift card deals can be recognized by a special symbol showing 'GC Deal';

For any additional questions or concerns, please contact our customer service;

Yami reserves the right of final interpretation.

Sold by Yami

Service Guarantee

Yami Free shipping from the US over $49
Yami Easy Returns

Shipping

  • United States

    Standard Shipping is $5.99 (Excluding Alaska & Hawaii). Free on orders of $49 or more.

    Local Express is $5.99 (Available in Parts of CA, NJ, MA & PA). Free on orders of $49 or more.

    2-Day Express (Includes Alaska & Hawaii) starts at $19.99.

Return Policy

Yami is committed to provide our customers with a peace of mind when purchasing from us. Most items shipped from Yami.com can be returned within 30 days of receipt of shipment (For Food, Beverages, Snacks, Dry Goods, Health supplements, Fresh Grocery and Perishables Goods, within 7 days of receipt of shipment due to damages or quality issues; To ensure that every customer receives safe and high-quality products, we do not provide refunds or returns for beauty products once they have been opened or used, except in the case of quality issues; Some products may have different policies or requirements associated with them, please see below for products under special categories, or contact Yami Customer Service for further assistance).
Thank you for your understanding and support.

Learn More

Sold by Yami

Terms and Conditions of Yami E-Gift Card

If you choose “Redeem automatically” as your delivery method, your gift card balance will be reload automatically after your order has been processed successfully;

If you choose “Send to Email”as your delivery method, the card number and CVV will be sent to the email address automatically;

Any user can use the card number and CVV to redeem the gift card, please keep your gift card information safely.

If you have any trouble receiving email, please contact Yami customer service;

Yami gift card can be used to purchase both Yami owned or Marketplace products;

Yami gift card will never expire;

Yami gift card balance does not have to be used up at once;

All rights reserved by Yami.;

Return Policy

Gift card that has already been consumed is non-refundable.

Sold by King Stone

Service Guarantee

Yami Free shipping from the US over $49
Yami Easy Returns

Shipping

  • United States

    Standard Shipping is $5.99 (Excluding Alaska & Hawaii). Free on orders of $49 or more.

    Local Express is $5.99 (Available in Parts of CA, NJ, MA & PA). Free on orders of $49 or more.

    2-Day Express (Includes Alaska & Hawaii) starts at $19.99.

Return Policy

You may return product within 30 days upon receiving the product. Items returned must be new in it's original packing, including the original invoice for the purchase. Customer return product at their own expense.

Sold by King Stone

Service Guarantee

Yami Cross-store Free Shipping over $49
Yami 30-days Return

Yami-China FC

Yami has a consolidation warehouse in China which collects multiple sellers’ packages and combines to one order. Our Yami consolidation warehouse will directly ship the packages to your door. Cross-store free shipping over $69.

Return Policy

You may return products within 30 days upon receiving the products. Sellers take responsibilities for any wrong shipment or missing items. Packing needs to be unopened for any other than quality issues return. We promise to pack carefully, but because goods are taking long journey to destinations, simple damages to packaging may occur. Any damages not causing internal goods quality problems are not allowed to return. If you open the package and any quality problem is found, please contact customer service within three days after receipt of goods.

Shipping Information

Yami Consolidation Service Shipping Fee $9.99(Free shipping over $69)

Sellers in China will ship their orders within 1-2 business days once the order is placed. Packages are sent to our consolidation warehouse in China and combined there. Our Yami consolidation warehouse will directly ship the packages to you via UPS. The average time for UPS to ship from China to the United States is about 10 working days and it can be traced using the tracking number. Due to the pandemic, the delivery time may be delayed by about 5 days. The package needs to be signed by the guest. If the receipt is not signed, the customer shall bear the risk of loss of the package.

Sold by King Stone

Service Guarantee

Free shipping over 49
Genuine guarantee
Ship from Taiwan

Shipping

UPS Ground $11.99(Free shipping over $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.

Yami Points information

All items are excluding from any promotion or points events on Yami.com

Return Policy

You may return product within 30 days upon receiving the product. Items returned must be new in it's original packing, including the original invoice for the purchase. Customer return product at their own expense.

Gifts Included with Purchase

Recommended for You

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

Reviews

Have your say. Be the first to help other guests.

Write a review
No reviews for this product. Showing reviews from other options.
Sort by
Default

Community photos

View All
Current Item
User Avatar VIP
:

{{ strLimit(comment, 200) }}

{{ comment.content }}

Review Image

{{ comment.imageList.length }} photos

Show Original

No related comment~

Review

Yami Yami
:

{{ showTranslate(commentDetails) }}Show Less

{{ strLimit(commentDetails, 800) }}Show more

Show Original

{{ commentDetails.content }}

Yami
Show All

{{ formatTime(commentDetails.in_dtm) }} VERIFIED PURCHASE {{ groupData }}

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

Please write at least one word

Comments{{ '(' + replyList.length + ')' }}

Yami Yami

{{ showTranslate(reply) }}Show Less

{{ strLimit(reply, 800) }}Show more

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') }}

Please write at least one word

Cancel

That’s all the comments so far!

Write a review
How would you rate this item?

Please add your comment.

  • A nice nickname will make your comments more popular!
  • The nickname in your account will be changed to the same as here.
Thanks for your review
Our community rely on great reviews like yours to find the best of Asia.

Report

If you find this content inappropriate and think it should be removed from the Yami.com site, let us know please.

Cancel

Are you sure to delete your review?

Cancel

{{ brandInfo.title }}

View All

About the brand

{{ brandInfo.descView }} ...View All

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

Items

{{ album.goods_count_info }}

Purchased

{{ album.bought_count_info }}

View All

{{ story.page_title }}

{{ story.page_desc }}

View the Story
Customers Also Viewed
About the brand

{{ brandInfo.title }}

{{ brandInfo.desc }}
Yami

Download the Yami App