Tutorials: Understanding three form patterns

Forms are the primary mechanism for collecting user input on the frontend. But simply receiving input isn't enough — you must also consider which inputs are needed and how they change. To reason about forms systematically, sicilian classifies forms into three patterns: static form, dynamic form, and custom form. These categories depend on whether the form itself is static or dynamic and whether the inputs inside are static or dynamic. The table below summarizes these patterns.

구분form 존재input 구성예시 상황
Static Form정적정적로그인, 회원가입 등 고정된 입력 필드를 가진 form
Dynamic Form동적정적댓글에 ‘답글 달기’를 눌렀을 때 해당 댓글 아래에 나타나는 대댓글 form
Custom Form정적동적사용자가 “+ 항목 추가” 버튼을 눌러 할 일을 자유롭게 추가할 수 있는 할 일 목록 form

We'll examine each pattern later. First, implement a static form using sicilian to learn the basics of form management.

Tutorials - Practical Examples | ilokesto - React Library Collection