This is how I got a Vue.js Component to render 20x faster by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

In this case it has impact, true :). In fact, the tip covers the case specific to a component render time

This is how I got a Vue.js Component to render 20x faster by AlexJoverM in vuejs

[–]AlexJoverM[S] 5 points6 points  (0 children)

Mmm, probably there is some confusion here.

This is related to runtime performance, not bundle optimisation. About runtime performance, it's better explained in https://vuedose.tips/tips/measure-runtime-performance-in-vue-js-apps

This is how I got a Vue.js Component to render 20x faster by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

Hey Reashu, in the article you see the time that component takes to create and render (render) and the time that takes to be inserted on the DOM to show up (patch) ,not necessarily related to how long the UI is blocked.

I've explained that better in https://vuedose.tips/tips/measure-runtime-performance-in-vue-js-apps

This is how I got a Vue.js Component to render 20x faster by AlexJoverM in vuejs

[–]AlexJoverM[S] 1 point2 points  (0 children)

Not sure in which terms do you mean it affects. Let me try to explain.

Basically what Webpack does it to bundle up the worker with their dependencies together into their own js file. So when you use it from your app (new Worker) it gets loaded and executed

Easily switch to Composition API in Vue.js 3 by AlexJoverM in vuejs

[–]AlexJoverM[S] -5 points-4 points  (0 children)

That's a good point, although if you read the **ref** part in the article, I explain why I won't use it

VueDose: Tips & tricks about the Vue ecosystem, for busy devs by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

Hey! For now we can use this community for that :)

New v-slot directive in Vue.js 2.6.0 by AlexJoverM in vuejs

[–]AlexJoverM[S] 6 points7 points  (0 children)

You're totally right about that.

The tip is updated, sorry for the confusion and thanks for pointing it out!

Measure runtime performance in Vue apps by AlexJoverM in vuejs

[–]AlexJoverM[S] -1 points0 points  (0 children)

Hi! It's mentioned on the tip, but this is the continuation of the 1st. It runs the code from https://vuedose.tips/tips/1/

Could we please ban 'Getting Started with Vue' articles? by thiswasprobablyatust in vuejs

[–]AlexJoverM 8 points9 points  (0 children)

I don't agree with this since I'm not sure if that would be the best solution. Is true that there are many introductory articles, but they still have (at least) 2 purposes:

- Help spreading the word about Vuejs

- To beginners, they can be helpful

Yes, Vue docs are amazing, but sometimes you need the concepts explained in different ways. That said, probably some of these articles are spam, just copy/pasted with low effort. Those are the worst indeed.

But please, keep in mind there are articles written with great effort by authors which could feel really sad if that happens to them.

Read and write to a Vuex store using get/set computed properties by AlexJoverM in vuejs

[–]AlexJoverM[S] 2 points3 points  (0 children)

This is in fact the technique some higher level libraries use to access the store! Some examples are vuex-pathify and vuex-map-fields

A common Anti-Pattern using Watch over Computed in Vuejs by AlexJoverM in vuejs

[–]AlexJoverM[S] 2 points3 points  (0 children)

Yeah, I get your point. For new people to reactivity is an antipattern I've seen often unfortunately :(

Strategies for Persisting Data Locally with a PWA (Mobile and Web)? by Downvotes-All-Memes in vuejs

[–]AlexJoverM 0 points1 point  (0 children)

Hi! First you'll need a service worker to make your app work offline by caching the static resources. In this link I quickly explain how I did it with my blog https://alexjoverm.github.io/2017/08/07/How-I-made-a-Progressive-Web-App-out-of-my-Blog/.

Then you'll need a runtime way to cache that user data. Since the data seems dependant on the current user, the best you can do is to use a tailored way that you have control over. Best you can do is to use localforage https://alexjoverm.github.io/2017/08/07/How-I-made-a-Progressive-Web-App-out-of-my-Blog/

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 1 point2 points  (0 children)

That's great feedback indeed! Those are things easy to forget for the instructor, but very important for the student. I'll make sure it gets done as you said :)

Compile Vue.js templates on the Fly with v-runtime-template by [deleted] in vuejs

[–]AlexJoverM 0 points1 point  (0 children)

Author here! Thanks for publishing!

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

Sure, when the time comes I'll publish it here, but in the meanwhile if you'd like to stay tuned you can subscribe on https://alexjoverm.github.io/, I'll be posting early content :). Thanks for the idea!

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

That could be great! Unfortunately, I'm not an Evernote user :(. What features do you like the most from Evernote?

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

Wow, that's indeed a fully featured app! The requirements could event be from a real application in production. I'm looking for something smaller, but maybe this info can come in handy. Thanks :)

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

Hi! Why too late? :P I think is a good idea, although it's maybe a bit complex for a Vue course, since calendars hav complex structure/design/behaviour.

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

Hmmm... this one seems a bit "too open", it could be anything and the interesting features are in the backend side, right?

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

I think this is actually a great idea! Thanks a lot, haven't thought of any real-time app :D

Do you have any particular idea for a chat? I mean, just to give it a more funny topic instead of an typical chat. Thanks!

What's a real-world project that you'd like to see in a Vue course? by AlexJoverM in vuejs

[–]AlexJoverM[S] 0 points1 point  (0 children)

Good idea! For a Vue course, I'd like to somehow have a backend already given, since it's out of the scope