Full Stack Components 이 튜토리얼에서는 `useFetcher`와 `spin-delay`를 사용하여 서버에서 데이터를 가져오고 로딩하는 동안 스피너를 표시하는 고객 콤보박스를 만드

Full Stack Components 이 튜토리얼에서는 `useFetcher`와 `spin-delay`를 사용하여 서버에서 데이터를 가져오고 로딩하는 동안 스피너를 표시하는 고객 콤보박스를 만드는 방법을 보여드립니다. 이 튜토리얼은 또한 컴포넌트와 낙관적 UI에 Remix를 사용할 때의 이점을 강조합니다. 먼저 전체 페이지 경로뿐만 아니라 개별 컴포넌트에 대해서도 Remix를 사용하여 UI와 백엔드 코드를 코로케이션하는 방법을 설명합니다. 이 접근 방식은 복잡한 컴포넌트 생성에 수반되는 간접성을 줄여 코드를 간소화합니다. 다음으로 저자는 `useFetcher`를 사용하여 서버에서 데이터를 가져와 고객 콤보박스에 표시하는 방법을 보여줍니다. 로딩 상태를 처리하고 데이터를 가져오는 동안 스피너를 표시하는 방법을 보여줍니다. 또한 데이터가 빠르게 로드될 때 스피너가 깜박이는 것을 방지하기 위해 '스핀 지연'을 소개합니다. 저자는 변경이 수행될 때 페이지의 데이터를 자동으로 재검증하는 기능을 포함하여 컴포넌트에 Remix를 사용하면 얻을 수 있는 이점을 강조하면서 튜토리얼을 마무리합니다. 또한 낙관적 UI 사용의 장점을 언급하며 독자들이 다음 강연에서 이에 대해 자세히 알아볼 것을 권장합니다. 전반적으로 이 문서는 Remix를 사용하여 UI와 백엔드 코드를 배치하는 컴포넌트를 만드는 방법에 대한 포괄적인 튜토리얼을 제공하며, 이 접근 방식의 강력함과 단순성을 보여줍니다.