iT邦幫忙

ngrx/store相關文章
共有 26 則文章
鐵人賽 Modern Web DAY 18

技術 # 前端實作案例分享:  透過Store進行頁面緩存

提問: 消費者從商品明細頁回到商品列表的時候,希望可以保留消費者先前瀏覽的位置。 我們可以透過頁面緩存機制來實現這個需求。 什麼是頁面緩存? 簡單來說,頁面緩...

鐵人賽 Modern Web DAY 30
ngrx/store 4 學習筆記 系列 第 30

技術 [ngrx/store-30] ngrx/store 完成篇

ngrx/store 完成篇 今天開始 今天完成 今天目標:完成會員報告前次已經將會員報告 store 的部分完成,接下來我們來修改跟報告有關的元件 (...

鐵人賽 Modern Web DAY 29
ngrx/store 4 學習筆記 系列 第 29

技術 [ngrx/store-29] ngrx/store 之報告篇

ngrx/store 之報告篇 今天開始 今天完成 今天目標:完成報告有關的 Action, Reducer, Effects, Selector 報告篇...

鐵人賽 Modern Web DAY 28
ngrx/store 4 學習筆記 系列 第 28

技術 [ngrx/store-28] ngrx/store 之路由篇

ngrx/store 之路由篇 今天開始 今天完成 今天的目標:將路由狀態加入 store 基本上這個部份大都是標準程式碼 (boilerplate),也就...

鐵人賽 Modern Web DAY 27
ngrx/store 4 學習筆記 系列 第 27

技術 [ngrx/store-27] ngrx/store 之會員篇

ngrx/store 之會員篇 今天開始 今天完成 今天的目標:將會員有關的元件及服務從使用者服務轉為向 ngrx/store 做 dispatch 跟 s...

鐵人賽 Modern Web DAY 26
ngrx/store 4 學習筆記 系列 第 26

技術 [ngrx/store-26] ngrx/store 之會員篇 Effects, Selector

ngrx/store 之會員篇 Effects, Selector 今天開始 今天完成 今天目標:完成會員部分的 ngrx/store複習一下我們的目標 複...

鐵人賽 Modern Web DAY 25
ngrx/store 4 學習筆記 系列 第 25

技術 [ngrx/store-25] ngrx/store 設定篇及會員篇之 Action, Reducer

ngrx/store 設定篇及會員篇之 Action, Reducer 今天開始 今天完成 ngrx/store 設定 第一步:安裝相關套件 npm inst...

鐵人賽 Modern Web DAY 24
ngrx/store 4 學習筆記 系列 第 24

技術 [ngrx/store-24] Angular 網站實例 - 會員報告篇

Angular 網站實例 - 會員報告篇 今天開始 今天完成 今天的目標:完成網站實例(使用服務) 修改報告服務 為了提供元件一份報告的詳細內容,我們在報告服務...

鐵人賽 Modern Web DAY 23
ngrx/store 4 學習筆記 系列 第 23

技術 [ngrx/store-23] Angular 網站實例 - 會員報告摘要篇

Angular 網站實例 - 會員報告摘要篇 今天開始 今天完成 先做一個報告的介面 (interface),用來指定報告的內容 報告介面 第一步: 到模型目錄...

鐵人賽 Modern Web DAY 22
ngrx/store 4 學習筆記 系列 第 22

技術 [ngrx/store-22] Angular 網站實例 - 會員篇之後端

Angular 網站實例 - 會員篇之後端 後端開始 後端完成今天的目標:完成會員中心後端,在後端加入提供投顧報告的功能,並且限定只有驗證過的 Http req...

鐵人賽 Modern Web DAY 21
ngrx/store 4 學習筆記 系列 第 21

技術 [ngrx/store-21] Angular 網站實例 - 記得我之二篇

Angular 網站實例 - 記得我之二篇 今天開始 今天完成後端開始 後端完成 前面完成了讓前端記住我的功能,但在實作的過程中,我們要的可能不只是登入狀態,今...

鐵人賽 Modern Web DAY 20
ngrx/store 4 學習筆記 系列 第 20

技術 [ngrx/store-20] Angular 網站實例 - 記得我篇

Angular 網站實例 - 記得我篇 今天開始 今天完成 上次我們已經成功連上了後端,但是只要使用者ㄧ重新刷瀏覽器,又會回到未登入狀態,今天我們就來讓前端記住...

鐵人賽 Modern Web DAY 19
ngrx/store 4 學習筆記 系列 第 19

技術 [ngrx/store-19] Angular 網站實例 - 使用者服務篇

Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標:完成使用者服務,讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (Us...

鐵人賽 Modern Web DAY 18
ngrx/store 4 學習筆記 系列 第 18

技術 [ngrx/store-18] 網站實例 - 用 express 做後端

網站實例 - 用 express 做後端 後端開始 後端完成我們同樣地將後端的程式放在 github,您可以一步一步跟著做,或者直接用完成的部分。 安裝 exp...

鐵人賽 Modern Web DAY 17
ngrx/store 4 學習筆記 系列 第 17

技術 [ngrx/store-17] Angular 網站實例 - 使用者登入篇

Angular 網站實例 - 使用者登入篇 今天開始 今天完成今天的目標:完成使用者登入畫面 設定架構 第一步: 將之前產生 user 模組加入到 app.mo...

鐵人賽 Modern Web DAY 16
ngrx/store 4 學習筆記 系列 第 16

技術 [ngrx/store-16] Angular 網站實例之 - 首頁篇

Angular 網站實例之 - 首頁篇 今天開始 今天完成 今天的目標要完成網站的首頁,先來做導覽列 導覽列 (Navbar) 我們用 Angular Mate...

鐵人賽 Modern Web DAY 15
ngrx/store 4 學習筆記 系列 第 15

技術 [ngrx/store-15] 投顧網站 - 設定篇

投顧網站 - 設定篇 今天開始 今天完成您可以直接看今天完成的結果,或者用 git clone https://github.com/jerryhsieh/ng...

鐵人賽 Modern Web DAY 14
ngrx/store 4 學習筆記 系列 第 14

技術 [ngrx/store-14] 用 Angular 5  建立一個投顧網站 - 需求篇

用 Angular 5  建立一個投顧網站 接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上,我們會先用完全使用 Services 的方式來...

鐵人賽 Modern Web DAY 13
ngrx/store 4 學習筆記 系列 第 13

技術 [ngrx/store-13] Store 加入 select

Store 加入 select 我們的 Store 內部大致完成,但是對於客戶 (Subscriber),我們還少了介面,在 ngrx/store 裡,給客戶的...

鐵人賽 Modern Web DAY 12
ngrx/store 4 學習筆記 系列 第 12

技術 [ngrx/store-12] Store 加完整的 Reducer

Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上,我們來看一下多個 Reducer 的例子 多個(multiple) Red...

鐵人賽 Modern Web DAY 11
ngrx/store 4 學習筆記 系列 第 11

技術 [ngrx/store-11] Store 架構加入最簡單的 Reducer

Store 架構加入最簡單的 Reducer Reducer 是什麼? 如果對於 Observable 的 .reduce .scan 不熟的話,建議回頭看一下...

鐵人賽 Modern Web DAY 10
ngrx/store 4 學習筆記 系列 第 10

技術 [ngrx/store-10] Store 的大架構

Store 的大架構 繼續往下做整個 Store 之前,我們先來想一下整個 Store 的架構跟資料流當元件 (component) 或是 Store 自己內部...

鐵人賽 Modern Web DAY 9
ngrx/store 4 學習筆記 系列 第 9

技術 [ngrx-store-9] 用 Observable 來理解 Dispatcher 跟 Store

用 Observable 來理解 Dispatcher 跟 Store 接下來幾篇並不是要實際做一個 ngrx/store, 而是讓我們用 Observable...

鐵人賽 Modern Web DAY 8
ngrx/store 4 學習筆記 系列 第 8

技術 [ngrx/store-8] Javascript Mutable 跟 Immutable 資料型態

Javascript 的 Mutable, Immutable 資料型態 之前談到純函數的第二個要件是不能對可改變(Mutable) 資料做變更,那在 Java...

鐵人賽 Modern Web DAY 7
ngrx/store 4 學習筆記 系列 第 7

技術 [ngrx/store-7] 純函數 (Pure Function)

純函數(Pure Function) 定義 根據 Wikipedia 的定義,一個函數稱為純函數需要符合下列兩個條件: 函數對於同樣的參數,永遠產生同樣的結果...

鐵人賽 Modern Web DAY 1
ngrx/store 4 學習筆記 系列 第 1

達標好文 技術 [ngrx/store-1] 有關前端的狀態管理

何謂狀態管理 (State Management) 前端工程師經常需要面對所謂的狀態管理,至於什麼是狀態 (State) 呢?舉幾個例子: 狀態 (State)...