yahyaizala / rn-mvvm-demo

A demo react native Todo App using MVVM architecture

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React native app using MVVM

A Todo App to demonstrate the usage of MVVM architecture in a react native application.

Key Features

- View the list of todo items.
- Create new todo items.
- Update an existing todo items.
- Delete existing todo item.

Folder Structure

├── App.tsx
├── README.md
├── __tests__
├── android
├── app.json
├── babel.config.js
├── index.js
├── ios
├── metro.config.js
├── node_modules
├── package-lock.json
├── package.json
├── src
    ├── components
    │   ├── TodoItem.tsx
    │   └── index.ts
    ├── navigation
    │   ├── index.tsx
    │   └── screenMap.ts
    ├── screens
    │   ├── HomeTodoScreen.tsx
    │   ├── NewTodoScreen.tsx
    │   ├── UpdateTodoScreen.tsx
    │   └── index.ts
    ├── store
    │   ├── TodoStore.ts
    │   ├── index.ts
    │   └── todoSlice.ts
    ├── types
    │   ├── genericTypes.ts
    │   └── stateTypes.ts
    ├── view-controllers
    │   ├── useHomeTodoController.ts
    │   ├── useNewTodoController.ts
    │   └── useUpdateTodoController.ts
    └── view-models
        └── useTodoViewModel.ts
├── tsconfig.json
└── yarn.lock

References

About

A demo react native Todo App using MVVM architecture


Languages

Language:TypeScript 51.1%Language:Java 23.1%Language:Objective-C 16.4%Language:JavaScript 3.8%Language:Ruby 3.4%Language:Starlark 2.2%