GETTERS | VueJS & Vuex | Learning the Basics

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ต.ค. 2024
  • VueJS is an amazing Frontend Framework! This video dives into Vuex, a very useful extension, helping you with State Management.
    It's a JavaScript Frontend Framework - for more Resources on JavaScript, scroll down.
    Want to dive much deeper into it? Have a look at this complete course: acad.link/vuejs
    Get my full JavaScript course: acad.link/js
    Full Playlist: academind.com/...
    Want the Source Code? Go to the following Github Repository and chose the Right Branch: github.com/msc...
    Also consider having a look at the Official Docs: vuejs.org/
    And the official Vuex docs: vuex.vuejs.org...
    You can follow me on Twitter (@maxedapps), Facebook ( / academindchannel ) or visit our Website (www.academind.com).

ความคิดเห็น • 57

  • @zahidyldrm5625
    @zahidyldrm5625 7 ปีที่แล้ว +42

    "There is nothing wrong with that, but we can do better" is the reason I am here.

  • @gbarillot
    @gbarillot 7 ปีที่แล้ว

    THANK YOU! Crystal clear, not too fast, not too slow, saved me hours of headache!

    • @academind
      @academind  7 ปีที่แล้ว

      Thanks so much, awesome to hear that! :)

  • @Burn0u7
    @Burn0u7 7 ปีที่แล้ว +8

    Hi Max,
    I also bought and watched your course in udemy.com and it's amazing, get mi started with Vue 2.0 right away and also brushed some of my ES6 knowledge. It would be great if you make course for Webpack and ES6. You're just very good at teaching.

    • @academind
      @academind  7 ปีที่แล้ว +2

      Thanks for your amazing feedback and valuable suggestion! I do have a Udemy course (and video here on TH-cam) about ES6. Webpack (2) might be something I look into in the future.

    • @Burn0u7
      @Burn0u7 7 ปีที่แล้ว +1

      That was quick reply! I'm just finishing the Vue 2.0 course ( and looked youtube for refreshment on VueX ), and after this I will sure get into ES6 course! I'm currently building an progressive web app and using Vue as application shell and try to integrate my workflow ( generating ServiceWorkers, copy them on build on the same level as index.html, etc ) and it will be great if you plan to make tutorials on PWA and as you said in Webpack for the future. Also, really like the way you explain the concepts and put them in real-life situations. Again, thanks for the tutorials and the money for the Vue tutorial on Udemy were one of the best spendings I did for the last year.

  • @AuthanRam
    @AuthanRam 6 ปีที่แล้ว

    Mega coole Videos! Das Zusehen macht irre Spaß, deine Art ist total locker und mit Typos gehst du auch sehr gekonnt um. Wenn es nicht schon so spät wäre, würde ich mir gleich noch ein Video reinziehen. Morgen wieder!! Weiter so... absolut genial. *thumbs up*

    • @academind
      @academind  6 ปีที่แล้ว

      Vielen vielen Dank für dein super Feedback, freut mich echt sehr, dass dir Inhalt und Präsentation so gut gefallen :)

  • @tomvoorneveld
    @tomvoorneveld 7 ปีที่แล้ว

    You have an excellent talent to explain these matters. Thank you. One idea: use some sketches to depict this Vuex workflow? One image, so many words and so on ;)

  • @christherlenander539
    @christherlenander539 7 ปีที่แล้ว +1

    Awesome tutorials, Helped me alot to advance in the world of VueJS. Keep up the good work.

    • @academind
      @academind  7 ปีที่แล้ว +1

      Really happy to read that I could help you Christher. I'll try my best to help you and the others also in the future :)

  • @andrewkikot
    @andrewkikot 7 ปีที่แล้ว

    Great job!
    It would be nice to mention passing arguments in getters.

  • @ajones1274
    @ajones1274 6 ปีที่แล้ว +1

    This could really help clean my code base up, but I could see it getting huge. What's the best practice for bigger codebase? Can you have multiple stores ?

  • @jofftiquez
    @jofftiquez 7 ปีที่แล้ว

    "And surprisingly they're called getters... (subtle smile)" HAHAHA you got me here.

  • @aeid502
    @aeid502 7 ปีที่แล้ว

    Thanks man for your great videos whether here or on Udemy, but I need to ask you a question ... which is better to use to build a single page app Vue or Angular 2

    • @academind
      @academind  7 ปีที่แล้ว +1

      Happy to hear you're liking the videos!
      There's no clear answer to that question. Both are great frameworks. Vue.js has the advantage that it's easier to get started with. You can use it in a MPA and SPA. It's very flexible and has an "easy-to-understand" syntax.
      Angular 2 is more complex, it's harder to learn. It might be overkill for tiny projects and it's not suited for MPAs. But it's really awesome at very large projects.

  • @alvinkonda
    @alvinkonda 7 ปีที่แล้ว

    thank you teacher... best explanation ever... well not ever but very good. thnx

    • @academind
      @academind  7 ปีที่แล้ว

      Thank YOU Alvin for your support, great to read that you liked the explanation.

  • @AndreiCostin
    @AndreiCostin 5 ปีที่แล้ว

    Dude! You're great!!! Thank you for your videos!

    • @academind
      @academind  5 ปีที่แล้ว

      YOU are great Andrei, thanks a lot for your comment!

  • @KajalMajumder
    @KajalMajumder 4 ปีที่แล้ว

    Great!! you are champion...

  • @claushellsing
    @claushellsing 7 ปีที่แล้ว

    This video is awesome !! I just run the buy the Udemy serie, keep the good work.

    • @academind
      @academind  7 ปีที่แล้ว

      Thanks so much and welcome on board of the course then! :)

  • @despertaweb4793
    @despertaweb4793 7 ปีที่แล้ว

    How Getters work with Async calls? I've set a getter to perform a GET request with Axios and it's not tolerating the async call or something like that.

  • @phillipscards
    @phillipscards 7 ปีที่แล้ว +1

    Thank you Max! Still watching.......

    • @academind
      @academind  7 ปีที่แล้ว

      Really awesome to see you're still enjoying the videos!

  • @karinachavarin5601
    @karinachavarin5601 4 ปีที่แล้ว

    so, can getters have their own file? if so, how do you set it up?

  • @ajones1274
    @ajones1274 6 ปีที่แล้ว

    Around 8.28, you attach mapGetters to computed. What if I wanted more methods in this for just this Vue file? Could you use the spread syntax on mapGetters so I could add more methods to computed ? Or wpuld I add them directly in mapGetters, so instead of a string I would have the method directly in the object ?

    • @ajones1274
      @ajones1274 6 ปีที่แล้ว

      If I was patient, you answer this around 30 seconds after and it's exactly how I thought it would be :)

    • @academind
      @academind  6 ปีที่แล้ว +1

      Happy to read that the explanation was helpful in the end ;)

  • @djsamke384
    @djsamke384 6 ปีที่แล้ว

    Hi max, how do these getters differ from mixins?

  • @alex-dk2rj
    @alex-dk2rj 6 ปีที่แล้ว

    In my store.js I have a boolean value. In my component I want to watch for when that value changes and call I function. I don't need to compute a new value. What's the best way to handle this?

  • @ajones1274
    @ajones1274 6 ปีที่แล้ว

    Around 4.16 on line 17, when you call this unregisteredUsers, you don't pass a state, how does it know what state to use when executing this method ?

    • @DarktekG
      @DarktekG 5 ปีที่แล้ว

      2:50 - 2:55 :P

  • @adam192021
    @adam192021 5 ปีที่แล้ว

    The BEST as always!

  • @biresths3126
    @biresths3126 7 ปีที่แล้ว +2

    Hello, Please bring a Laravel + Vue Js tutorial, i want to do not know how to use vue js with laravel and many of your subscribers are looking for this tutorial

    • @tomvoorneveld
      @tomvoorneveld 7 ปีที่แล้ว

      BireSth s did you search on Google? There are many, many vue x Lavarel... more than any other combo

    • @suprguy
      @suprguy 7 ปีที่แล้ว

      laravel is shipped with a vue example
      you can just go from there

    • @suprguy
      @suprguy 7 ปีที่แล้ว

      you can use window.axios anywhere in your javascript to communicate between laravel and vue

  • @nafishasnian1367
    @nafishasnian1367 7 ปีที่แล้ว

    Max can you please make a project series with LoopBack?

    • @academind
      @academind  7 ปีที่แล้ว +1

      Thanks for your suggestion. I'll consider it, though I got a lot of other plans for the next weeks and months

    • @nafishasnian1367
      @nafishasnian1367 7 ปีที่แล้ว

      Thanks for your reply. Which backend framework would you use for a social networking app? Express can get flooding with middlewares so I am really confused about loopback and hapi or sails.

    • @academind
      @academind  7 ปีที่แล้ว +1

      Can't give a clear advise here. I haven't worked enough with all of them. I kind of like express and I also like Koa but I got no clear favorite for something like that

    • @nafishasnian1367
      @nafishasnian1367 7 ปีที่แล้ว

      Mindspace i understand max! You should definitely look up loopback. Its amazing for large scale applications and saves a lot of time

  • @stuartbooth8232
    @stuartbooth8232 7 ปีที่แล้ว

    Great Videos - thank you :-)

    • @academind
      @academind  7 ปีที่แล้ว

      Thanks so much for your great comment Stuart!

  • @BroVitosss
    @BroVitosss 7 ปีที่แล้ว

    many thanks))

    • @academind
      @academind  7 ปีที่แล้ว +1

      You're welcome Viktor - great to have you on board! :)

  • @chesterxp508
    @chesterxp508 ปีที่แล้ว

    GoodJob!

  • @alexti6268
    @alexti6268 7 ปีที่แล้ว

    Hello, do you have a Twitter? I thought, it would be fun to subscribe to you.
    Thank you for lessons!

    • @academind
      @academind  7 ปีที่แล้ว

      Yep, you can find me @maxedapps

  • @maxpapirovnyk6351
    @maxpapirovnyk6351 5 ปีที่แล้ว

    goood

  • @antonetrinh8662
    @antonetrinh8662 5 ปีที่แล้ว

    Getter and MapSetter are silly. We are doing JS and not Java please get real.