Vue Native Starter App with Login, News Feed and Sidebar using Vuelidate and Vuex
Sample Login App with Vue Native and Vuex with Validations
git clone https://github.com/GeekyAnts/vue-native-starter-app.git cd vue-native-starter-app yarn
Run on iOS
react-native run-iosin your terminal
Run on Android
Android emulatorinstalled and running
react-native run-androidin your terminal
Packages Used
The source files are located in
srcfolder. All the assets file are under assets folder. All the screens which refer to the main route (Entry Points) are under
screenand 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.dispatchmethod. The mutations specify the modifications on an object for a particular action.