Velopers
목록 보기
자바스크립트로 만든 유한 상태 기계 XState
프론트엔드

자바스크립트로 만든 유한 상태 기계 XState

카카오엔터테인먼트FE
카카오엔터테인먼트FE2022년 9월 22일

두줄요약

XState로 유한 상태 기계의 개념과 사용법을 장바구니 예제로 설명했습니다. React에서 상태, 컨텍스트, 액션, 가드를 어떻게 연결하는지 정리했습니다.

핵심 내용

  • 자바스크립트 상태 기계 개념을 XState로 구현하는 방법 정리
  • 상태, 이벤트, 컨텍스트, 액션, 가드, 이벤트리스 전이 개념을 장바구니 예제로 설명
  • 조건문과 플래그가 늘어날수록 복잡해지는 UI 로직을 선언적으로 정리하는 관점 제시
  • React의 useMachine과 send로 상태 전이와 컨텍스트 렌더링 연결

이 글과 연관된 채용

카카오 계열사 채용28건

채용 사이트에서 전체 보기

다음 읽기

#XState 주제를 다룬 다른 회사 글

11키티즈 게임에서 XState를 선택한 이유

11키티즈 게임에서 XState를 선택한 이유를 상태 관리와 자동 진행 관점에서 설명했습니다. 복잡한 게임 로직을 명확하게 분리하고 유지보수성을 높이는 점을 강조했습니다.

11번가
11번가
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...