iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
Modern Web

初學者對於做購物車系統的分析系列 第 5

Day 05-選擇React & Redux

  • 分享至 

  • xImage
  •  

!前提小補充!

UI:

User Interface(使用者介面),設計頁面,須注意到網頁頁面使用的方便性及美學,維持網頁的美觀性、耐看性。簡單來說,UI就像設計一個網站的長相(例如:顏色、字型、字體、版面配置等)。

UX:

說到UI就會想到UX,User Experience(使用者經驗),強調使用者體驗的過程。重視網站中整個頁面內容規劃(例如:哪個頁面需要先呈現給使用者看),且每一步須符合邏輯。簡單來說,UX就像是設計一個網站中,那些選項點下去會顯示出來的東西。


React:

由Facebook在2013年發表的前端處理UI開源函示庫(藉著JSX語言來寫UI組件),具有高效能極有彈性的JavaScript函式庫。其解決建造大型、資料變動複雜的前端應用程式所遇到的問題。
(簡單來說就是,用React寫HTML&CSS啦)

Redux:

一個用於應用程式狀態管理的開源JavaScript資料庫,且經常與React搭配做使用(當然也能單獨使用)。
三大元件:
-Action
-Reducer
-Store(為Redux用作核心)


React官網介紹:https://zh-hant.reactjs.org/tutorial/tutorial.html
更多UI & UX介紹:https://gremlinworks.com.tw/ui-ux/ui-ux-comparison/
更多Redux介紹:https://note.pcwu.net/2017/03/04/redux-intro/


  • 明天要開始講購物系統下載環境/images/emoticon/emoticon29.gif

上一篇
Day 04-選擇MongoDB
下一篇
Day 06-製作購物車系統環境之Visual Studio Code
系列文
初學者對於做購物車系統的分析30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言