can we build application using es6 for Vue framework - vue.js

Im building an application using vue js framework I need to know do I go for es6 in vue framework .Is it good enough to go with es6 as its in es5 I need to know that it must go for [ vue +vuex+ es6 ].
Are there links or sample examples where i can learn vue in es6 as vue.org provide es5 features only
Else must be preferred let me now as m newbie i have no much idea
Please lemme know ur guidance is much appreciated.
Thanks in Advance

If you want to build an application with vue.js, es6 is good, but you'll need babel and webpack.
I do all my development with es6, sometimes you will need some polyfills for some so older browsers.
If your're a real newbie, I'll recommend to start with the cli of vue.js or even a nuxt.js, which is a very nice vue framework to get you started. They all have babel and webpack preconfigured for you.
Have fun!

Related

Use Electron in Vue project

I want put my Vue project in the Electron, so I find the method in the Internet. According to the given method on the Intenet, I make a demo to test it.
At frist, I create Vue project using vue create myProject, then I use vue add electron-builder to add Electron, then I choose the Electron version, then it prepare to install the additional dependencies. But the error is thereļ¼š
Someone could help me? Thanks!
electron-vue: An Electron & Vue.js quick start boilerplate with vue-cli scaffolding.
maybe you can try it.

Is it possible to use vite with Nuxt.js for fast reloading?

According to this documentation https://v3.vuejs.org/guide/installation.html#vite, we can use vite with Vue.js for fast reloading.
I'm now switching to Nuxt.js and I'm wondering if it is possible to use vite with Nuxt.js.
I did not find an official way to do that, but it there any way?
Yeah, you will be able to use Vite with Nuxt once it's migrated to Nuxt 3 (with Vue3 backed in).
Right now, it's still on Webpack4 as of right now but you pretty much follow this github thread for futher updates. So far, the core team will unleash the possibility to interchangeably choose between Webpack and Vite.
Also, I can suggest that you check this week's JS World Conference because #atinux (Sebastien Chopin) will give a talk about Nuxt. So who knows, Nuxt3 maybe ?

How do I build a Vue app to use it in another app?

I'm pretty new to Vue and to dev in general. I was asked to dev an app in Vue.
So I did it, with multiple components, to make the code as maintainable as possible. I also installed dependencies
But now, this app must be usable in another Vue app... And I can't find how to build it so I can import it in another app. I would really appreciate some help. Thank you.
You can use build targets like library or web-component for this.
https://cli.vuejs.org/guide/build-targets.html#app

MQTT in Nativescript-Vue

Im making a nativescript-vue project and I will utilize MQTT however I cant see any library related to it. However there are libraries for MQTT Nativescript for TS, JS, Angular.. Can I apply this to tns vue?
TypeScript / Angular / Vue, end of the day everything is just JavaScript. Especially when there is a feature available for NativeScript Core it should be easily accessible on the frameworks too, Angular / Vue.
Simply import the plugin in Vue and start using it, except removing the type declarations if you are using JavaScript for Vue development.
This question is solved when edusperoni officially continued the work of krislankford for nativescript-mqtt. This is the new repo of nativescript-mqtt: https://github.com/edusperoni/nativescript-mqtt and works in any nativescript templates.

Webpack HMR with React Native

Is there a recent Webpack HMR react-native boilerplate out there?
I am having trouble finding a best practice for integrating an existing setup with Webpack and HMR to be used with react-native and the react-native packager. The resources I found online on this topic are dated.
I know that it uses Facebook's watchman.
I also know of the webpack-watchman-plugin, but I don't think that will allow me to trigger a webpack build and serve the compiled assets to react-native. I know that watchman has -- trigger functionality, but don't think digging in the packager local CLI is the answer either.
I'm at a loss for finding decent documentation for Facebook's packager, and not sure where to get started on this. My goal is to take an existing boilerplate used for web React, and use the boilerplate setup for react-native. I understand about the rendering differences, this is mostly the build tool part.
I've resolved this issue by not trying to integrate webpack with react-native, but by not using webpack at all and using react-native's packager. Still working on it, but I like it so far! Using it for my Open-Source react-native boilerplate project, strangeluv-native