반동 파트 1

반동에 대한 기본 설정(https://recoiljs.org/) .

E segundo o time do Facebook(criadores): Recoil é um conjunto Experiment de utilitários para gerenciamento de estado com React.

o Recoil é constituido de duas coisas: 원자와 선택기

원자

Os átomos são unidades de estado, eles são atualizáveis ​​e assináveis, o que significa que quando um átomo é atualizado, cada componente assinado é renderizado novamente com o novo valor.

import {
    atom
} from 'recoil';

export const counterAtom = atom({
    key: 'counter',
    default: 0
});

선택기

Um selector Representativea uma parte do estado derivado. Você pode pensar no estado derivado como a saída da passagem do estado para uma função pura que modifica o estado fornecido de alguma forma.

import {
    selector
} from 'recoil';

const fahrenheit = atom({
  key: "fahrenheit",
  default: 32
});

const celcius = selector({
  key: "celcius",
  get: ({ get }) => ((get(fahrenheit) - 32) * 5) / 9,
  set: ({ set }, newValue) => set(fahrenheit, (newValue * 9) / 5 + 32)
});

독점 가져오기 포드 acessar os atom ou outros selectors e função pde realizar ações async e retornar o resultado para os componentes que estão observando. Se set também for fornecido, ele retornará um RecoilStateobjeto gravável.

o criador do Recoil, Dave McCabe disse em um commentário no Hacker News( https://news.ycombinator.com/item?id=23183177 )

"Bem, eu sei que em uma ferramenta vimos um aumento de 20x ou mais em comparação ao uso do Redux. Isso ocorre porque o Redux é O (n) no sentido de que ele tem que perguntar a cadanova componente conectado se pre enquanto 반동 é O (1). "

É isso, gente. Em breve volto aqui com um tutorial prático usando Recoil :)