Web3 Ethereum 개발자를 위한 React Hooks

지갑 연결, 데이터 캐시, 중복 방지, 계약과의 상호 작용을 위한 후크.

Web3는 빠르게 성장하고 있습니다.

나는 Ethereum에 대한 반응 후크 모음Wagmi에 대해 이야기하고 있습니다.

이 라이브러리는 매월 280K 다운로드가 있지만 3K github 별은 단 하나뿐입니다. 설치 코드 한 줄이면 충분합니다.

yarn add wagmi ethers

특징

지갑, ENS, 계약, 트랜잭션, 서명 등 작업을 위한 20개 이상의 컬렉션 후크

기존 지갑에 연결합니다.

Coinbase, Metamask 등 내장형 지갑 커넥터 제공

React Query와 같은 캐싱 및 요청 중복 제거

네트워크 또는 계정이 변경되면 데이터를 자동으로 새로 고칩니다.

Typescript 지원

web3를 시작했을 때 이러한 것들을 대부분 수동으로 추가해야 하고 이러한 후크를 자체적으로 개발해야 했기 때문에 이것은 좋은 것 같습니다.

하지만 이 후크 모음은 확실히 개발자에게 많은 도움이 될 것입니다.

설치

패키지 및 해당 종속성을 설치하는 코드 중 하나입니다.

공급자 및 체인 네트워크를 사용하여 클라이언트를 만듭니다.

클라이언트를 Wagmi 공급자에게 전달하고 Redux 및 타사 라이브러리와 마찬가지로 응용 프로그램의 루트로 공급자를 래핑합니다.

고객

자동 연결, 이더 공급자 및 커넥터와 같은 지갑 연결 상태를 관리합니다.

WagmiConfig

공급자로 간주할 수 있습니다. React Context를 사용하여 모든 후크 구성을 함께 관리합니다.

모든 후크가 동일한 중앙 집중식 데이터 또는 클라이언트 구성을 갖도록 하는 것을 의미합니다.

공급자

Infura, Alchemy 등 다양한 체인과의 호환성을 추가합니다.

커넥터

브라우저에서 이더리움 공급자를 제공하여 지갑을 지원하는 인젝터를 제공합니다. Metamask, Coinbase 등과 같은 애플리케이션에서 지갑 연결을 쉽게 제공하도록 도와줍니다.

후크

재사용 가능한 기능은 개발 프로세스를 용이하게 하기 위해 기본적으로 wagmi가 지원하는 모든 기능을 제공합니다.

useAccount 후크와 같이 주소, 잔액 등과 같은 연결된 사용자 계정 세부 정보를 가져오는 데 도움이 됩니다.

경쟁자

Web-3-react

useDapp

Web3Modal

결론

제공되는 후크에 대한 심층적인 이해와 함께 다른 이야기를 다루겠습니다.

다음 시간까지 좋은 하루 되세요.

계속 개발
슈리
iHateReading