Recoil 시작 ① 주요 기능에 대한 설명

개시하다

리콜 경력이 짧은 젊은이라 잘못된 점이 있습니다·이렇게 하면 퍼포먼스에도 좋습니다!이런 댓글이 있었으면 좋겠어요.
스쿼트 평론의 수량.농담입니다.

Recoil 환경 구축 및 주요 기능

yarn add recoil

설치했는데 리코일은 누구야??

리코일은 2020년 5월 페이스북이 개발한 상태관리 라이브러리다.Recoil은 Redux와 마찬가지로 State 관리가 가능한 라이브러리입니다.
상태 관리란??나는 이런 사람이 이번을 통해 비교적 쉽게 이해할 수 있을 것이라고 생각한다.
https://eh-career.com/engineerhub/entry/2019/05/23/103000

Recoil의 주요 기능에 대한 설명

Atom

Atom은 데이터 저장소를 나타내며 Atom을 설정하면 어느 어셈블리든 참조할 수 있습니다.

export const todoState = atom({
  key: "todoListState"
  default: []
})

키와default 값이 필요합니다.구체적으로 말하면 키는 tom의 id를 설정하고default에서 초기 값을 설정합니다.

Selector

다음은 Selector 입니다.Selector는 tom 값을 가공한 결과를 반환 처리하는 것을 말합니다.

export const todoListSelector = selector({
  key: "todoList"
  get: ({ get }) => {
  const list = get(todoListState) 
  return list
  }
})

방금도 같은 해설을 했다.selector에서는 단순히 읽는 것 외에 가공 정보의 처리도 기술할 수 있다.상기 코드는 constlist에서 todoListState라는 Atom만 가져오고 반환합니다.

총결산

이 글은 Recoil 입문의 주요 기능에 대한 총결산으로 마지막으로 Todo List의 제작을 쉽게 생각할 수 있습니다!!

참고 문헌

https://engineering.linecorp.com/ja/blog/line-sec-frontend-using-recoil-to-get-a-safe-and-comfortable-state-management/
https://qiita.com/tkmd35/items/b4630e53a907d96e3430