'angular ngrx'에 해당하는 글 1건

@ngrx/store 프레임워크를 소개해볼까합니다 .. 


구글에 검색을 해보면 영문으로 자세한소개랑 사용예제들은 나와있지만 한국어로 사용법이나 메카니즘 설명같은것이부족해 


공부하면서 적어보려고한다


공식 깃허브의 document 인용합니다 https://gist.github.com/btroncone/a6e4347326749f938510



Angular 2의 출현으로 새로운 프레임 워크의 기능과 기능으로 새로운 패턴, 모범 사례 및 라이브러리가 생겨났는데 그중에 하나가 


@ngrx/store 입니다 


 Angular 위에 성능이 뛰어나고 일관된 응용 프로그램을 작성할 수 있도록 설계된 제어 된 상태 컨테이너입니다


핵심 개념이 3가지가있는데  reducers, actions, and a single application store 이 세가지가 있다 


응용프로그램을 설계할떄 1스토어 계약을 체결함으로써 어느지점에서든 스토어의 스냅샷은 해당응용 프로그램 상태를 완전히


표시합니다 이는 사용사 상호작용 , 디버깅및 angular2 에서 매우 강력하게 작용합니다 






1. Reducer


이벤트와 관련된 형식 및 선택적 데이터(페이 로드)입니다 이전 상태와 관련된 데이터 및 옵션과 관련된 2개의 인수를 수용합니다



1
2
3
export interface Reducer<T> {
  (state: T, action: Action): T;
}
cs


2. Actions


이 프로세스는 작업이 완료될 때마다 발생하며, 응용 프로그램 상태가 시간이 지남에 따라


완전한 응용 프로그램 상태를 변경할 수 있게 합니다.


1
2
3
4
export interface Action {
  type: string;
  payload?: any;
}
cs



Dispatched Action Pipeline



1
2
//action with an associated payload
dispatch({type: ADD_TODO, payload: {id1, message: 'Learn ngrx/store', completed: true}})
cs



@ngrx/store 에 대해 간단하게 알아보았습니다 구글번역도움을 맞아서 말이이해가안될수도있습니다 ... 


자세하게 보실려면 깃허브 documnet 참고 하시면될거같습니다


다음 포스팅은 데모 예제와 실제 코딩된 예제에 대해 포스팅하겠습니다 


'MEAN stack > Angular2' 카테고리의 다른 글

Angular2 :: socket.IO-Stream in Angular2  (0) 2017.05.11
Angular2 :: socket.IO in Angular2  (0) 2017.04.05
Angular2 :: 'unsafe value' exception  (0) 2017.02.01
Angular2 :: Jquery 사용법  (0) 2017.01.24
Angular2 :: Add Module 3 (그래프)  (0) 2017.01.10

WRITTEN BY
내가달이다

,