sumini dev

posts

React-Native에 Recoil 추가하기 (v0.70.0

profile-image

Choi su min

Recoil은 React를 위한 상태관리 라이브러리입니다.

React Native 프로젝트에 Recoil을 추가하는 방법에 대해 알아보겠습니다.

설치하기

yarn add recoil

시작하기

App.tsx 또는 App.js 파일에 아래와 같이 RecoilRoot를 추가해줍니다.

import React from 'react';
import { SafeAreaView, StatusBar, Text } from 'react-native';
import { RecoilRoot } from 'recoil';

const App = () => {
  return (
    <RecoilRoot>
      <SafeAreaView style={{ flex: 1 }}>
        <Text>Hello React Native Recoil</Text>
      </SafeAreaView>
    </RecoilRoot>
  );
};

export default App;

이제 자유롭게 atom, selector 등을 사용하시면 됩니다.


REACT-NATIVE10개 더보기

모든 글 보기

이전 글

React-Native i18n(다국어지원) 구현하기 (with Typescript)

profile-image

Choi su min

Sogang Univ.

AWESOME.DEV Lead

Anyang, Gyeong-gi, Republic of Korea

github-iconmail-iconrss-icon