[Elm] Stateful 부모와 자식 구성 요소를 작성했습니다.

1835 단어 자바스크립트Elm

(2017/08) 전체적으로 수정되었습니다.



오랜만에 옛날 했던 코드를 보면 "부끄럽다! 검은 역사!"라고 생각했기 때문에 전체적으로 수정했습니다. .
재교하는 데 있어서 여러가지 설명이 번거롭게 되었기 때문에 전체적으로 이전에 쓰고 있던 텍스트를 단단히 하기로 했습니다만, 라고 어떤 즉은 상태 첨부 컴퍼넌트 이런 느낌으로 써 보았습니다 샘플입니다.

공식적으로 추천하지는 않지만.
h tps : // 글쎄. 에 lm-ㅁ g. 오 rg/레우세/

Elm 버전은 0.18입니다.

만든 것



개요



인터페이스는 아래와 같은 느낌으로, 아빠와 쌍둥이의 아이로 구성됩니다. (부모와 자식에게만)


아이들이 모두 기분이 좋으면 아빠는 치유되어 좋은 아빠가됩니다.
그래서, 혼자라도 기분이 나쁘다고 아빠는 우울해 Bad 아빠가 되어 버립니다.
음, 역시 원만 가정이 좋네요.

조작방법



자녀를 클릭으로 선택하면 선택한 자녀가 활성화됩니다.
키보드 위아래로 활성 아이의 기분을 바꿉니다.
두 사람 모두 해피가 되면 아빠는 자동으로 좋은 아빠가 됩니다.
아이의 선택은 좌우 키로 해도 좋았습니다만, 플로우의 종류를 많게 해 복잡함을 낳기 위해서 이렇게 보았습니다.



구성 요소 구성



3종류의 컴퍼넌트, 3단 구성으로 하고 있습니다.
Main.elm -> PapaComponent.elm -> SonComponent.elm 순으로 중첩됩니다.
그 이상의 Model/Msg/view/update의 분할이나 도메인 오브젝트적인 레코드 만들기는 일단 하고 있지 않습니다.
Papa와 Son은 구조화되어 DomainModels로 잘라 보았습니다. Papa 거의 비어 있습니다. . 나구사메 정도에 이름을 갖게 해 보았습니다. .
일종의 장래적으로는 복수의 가정을 관리할 수 있는 느낌의 이미지입니다w

부츠는 여기

※JS 재료도 깜짝 쓰고 있으므로 색인 기사 링크 해 둡니다.

좋은 웹페이지 즐겨찾기