Redux & Typescript & Navigation

redux, typescript, navigation을 사용한 react-native example

설명

• 간단한 counter & todoList

파일 구조

./src
├── components
├── hooks
├── modules
|   └── index.ts
├── screens
|   └── ExamScreen
|       └── index.tsx
|   └── index.tsx

설치 순서

1. typescript & redux 설치

• typescript로inti - npx react-native init MyApp --template react-native-template-typescript
• yarn add redux react-redux @types/react-redux

2. redux-persist 설치

• npm install redux-persist
• yarn add @react-native-community/async-storage

3. reactNavigation 설치

참고문서

• typescript & redux 블로그

추가기능

• 로컬스토리지 퍼시스트