프록시 기반 React 상태 관리 라이브러리 "Valtio"v1 릴리스

Valtio가 v1.0.0이 되었습니다!

꼭 시험에도 사용해보십시오.

기본적으로 결함 등의 대처가 한결같이 끝나 안정되어 왔기 때문에 v1이 되었습니다만, 하나만 숨겨진 기능이었던 것이 오픈이 되었습니다.

useProxy 매크로



v0.7.1까지는 useProxy가 본체에서 제공되었지만 v0.8.0부터는 useSnapshot로 개명되었습니다. 내용은 변하지 않습니다.

대신 useProxy 는 매크로로 제공됩니다. babel-plugin-macros를 사용하고 있지만 Create React App을 사용하는 경우 이미 내장되어 있습니다.

useProxy 매크로를 사용하면,
import { useProxy } from 'valtio/macro'

const Component = () => {
  useProxy(state)
  return (
    <div>
      {state.count}
      <button onClick={() => ++state.count}>+1</button>
    </div>
  )
}

라는 코드가 다음과 같이 변환됩니다.
import { useSnapshot } from 'valtio'

const Component = () => {
  const snap = useSnapshot(state)
  return (
    <div>
      {snap.count}
      <button onClick={() => ++state.count}>+1</button>
    </div>
  )
}
useProxy 매크로를 사용하면 snapshot을 거의 의식하지 않고 코딩할 수 있습니다. snapshot의 개념이 사라지는 것은 아니지만, snapshot의 취급은 버릇이 있으므로, 매크로를 사용할 수 있는 경우에는 도움이 될 것입니다. 그건 그렇고, eslint-plugin-valtio도 있습니다.

결론



valtio의 v1 릴리스가 완료되었으므로, 다음은 jotai. 이쪽은 거물.
htps : // 기주 b. 코 m / pm drs / 조이 / 이스에 s / 333

React 개발자를 위한 온라인 살롱 "React Fan" 소개



마지막으로 내가 주최하는 'React Fan'이라는 커뮤니티를 알려드리겠습니다. 텍스트 채팅으로 커뮤니케이션할 수 있는 Slack 작업 공간을 제공합니다. Slack에의 참가는 무료이므로, 흥미가 있는 분은 꼭 참가해 주세요. 자세한 내용은 아래 페이지를 참조하십시오.

React 개발자를위한 온라인 살롱 "React Fan"입구 페이지

Slack에 대한 초대 링크도 위 페이지에 있습니다.

좋은 웹페이지 즐겨찾기