Name: vue-native-starter-app
Brand: vue-native-starter-app
SKU: //GeekyAnts/vue-native-starter-app
Rating: 2.1 (140 reviews)

GeekyAnts/ vue-native-starter-app

JavaScript

Python

Java

Objective-C

Need help with vue-native-starter-app?

Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

GeekyAnts

140 Stars

52 Forks

MIT License

15 Commits

3 Opened issues

Vue Native Starter App with Login, News Feed and Sidebar using Vuelidate and Vuex

Readme

Title

Sample Login App with Vue Native and Vuex with Validations

Demo

git clone https://github.com/GeekyAnts/vue-native-starter-app.git
cd vue-native-starter-app
yarn

Run on iOS
- Run
```
react-native run-ios
```
  in your terminal
Run on Android
- Make sure you have an
```
Android emulator
```
  installed and running
- Run
```
react-native run-android
```
  in your terminal

Packages Used
- native-base: 2.6.1
- react: 16.3.1
- react-native: 0.55.4
- vue-native-core: 0.0.7
- vue-native-helper: 0.0.8
- vue-native-router: 0.0.1-alpha.3
- vuelidate: 0.7.4
- vuex: 3.0.1

The source files are located in

src

folder. All the assets file are under assets folder. All the screens which refer to the main route (Entry Points) are under

screen

and the compenents related to those screens are inside

components

Validation Since vuelidate cannot identify the events for dirty natively. We can $touched for a partiuclar event to mark a field as dirty. For example in login.vue, for email field we have used
```
:on-blur="() => $v.emailValue.$touch()"
```
to mark a field as dirty when the field loses it's focus.
Store We have used vuex for state management. The actions, mutations and the store are specified under
```
store/index.js
```
. The actions specify the action which are fired using
```
store.dispatch
```
method. The mutations specify the modifications on an object for a particular action.