@ilokesto/store
v2.0.0
동기식 읽기와 선택 구독을 제공하는 작은 프레임워크 독립 상태 컨테이너.
지원 환경: 프레임워크 독립
ilokesto
[iloˈkɛsto]
작은 도구, 명확한 동작
필요한 도구만 골라 예측 가능한 프론트엔드를 만드세요.
ilokesto는 에스페란토로 '도구상자'라는 뜻입니다. 제품에 필요한 상태 관리, 폼, 오버레이, 렌더링, HTTP 도구만 선택할 수 있습니다.
도구상자 살펴보기
지금 만들고 있는 것에서 시작하세요.
각 패키지는 한 가지 역할에 집중합니다. 아래 분류와 비교를 보고 가장 작은 시작점을 찾으세요.
상태와 입력
앱의 값을 관리하고, 프레임워크에 연결하거나 폼 입력과 검증을 다룹니다.
@ilokesto/state
v2.0.0
같은 상태 모델에 프레임워크 어댑터, 리듀서, 미들웨어와 유틸리티를 더합니다.
지원 환경: Vanilla · React · Vue · Angular · Svelte · Solid
@ilokesto/form
v2.0.0
화면 구성은 자유롭게, 폼 상태와 검증은 일관되게. 네 가지 UI 프레임워크를 지원합니다.
지원 환경: Vanilla · React · Vue · Svelte · Solid
화면 위에 띄우는 UI
나만의 오버레이를 만들거나 모달과 토스트 전용 패키지를 선택합니다.
@ilokesto/overlay
v2.0.0
모달, 토스트, 시트 등 화면 위에 겹쳐 띄우는 UI를 위한 React 런타임.
지원 환경: React
@ilokesto/modal
v2.0.0
Overlay의 공통 수명 주기와 어댑터 모델을 사용하는 모달 시스템.
지원 환경: React
@ilokesto/toast
v2.0.0
애니메이션, 위치 지정과 자동 닫기를 지원하는 토스트 알림.
지원 환경: React
독립 렌더링과 데이터 도구
다른 ilokesto 패키지 없이 React 렌더링 유틸리티나 OpenAPI를 지원하는 ky 클라이언트를 선택합니다.
@ilokesto/utilinent
v1.2.0
조건부 렌더링, 목록, 비동기 상태, 슬롯과 지연 로딩을 위한 React 유틸리티.
지원 환경: React
@ilokesto/fetcher
v1.0.0
경로 타입 검사와 응답 추론, 오류를 결과로 다루는 API를 더한 ky 래퍼. 베타 버전으로 제공됩니다.
지원 환경: 프레임워크 독립베타
헷갈리기 쉬운 두 가지
필요한 추상화 수준을 선택하세요.
01
Store와 State 중 무엇을 쓸까요?
프레임워크와 무관한 값, 직접 읽기와 구독만 필요하면 Store를 선택하세요. 프레임워크 어댑터, 리듀서, 미들웨어나 상태 유틸리티까지 필요하면 State가 알맞습니다.
02
Overlay와 Modal / Toast 중 무엇을 쓸까요?
오버레이의 동작과 어댑터를 직접 정의한다면 Overlay를 선택하세요. 모달이나 토스트가 필요하다면 해당 전용 패키지에서 시작하세요.