Front Things
Front Things
  • Видео 14
  • Просмотров 65 027
React.js | The Short Guide to Updating Object and Array in useState
Updating the state is one of the most common actions performed in React applications. Within the next 2 minutes , I'll discuss how to update state for both objects and arrays.
......................................
React.js | Passing and Reading React Props
ruclips.net/video/Qlon71xE-8Q/видео.html
How Do you Think in Three.js ?
ruclips.net/video/1CM9ml6RR9k/видео.html
......................................
twitter: FrontThings
Просмотров: 424

Видео

React.js | Updating Object in useState #reactCapsules
Просмотров 139Год назад
Updating Object in State Many things like this will be posted on Twitter, so don't forget to follow me FrontThings v-model ruclips.net/video/55Y1nG7AwfU/видео.html props ruclips.net/video/cHMAfGq8PTM/видео.html emit function ruclips.net/video/I_eND3rwZl0/видео.html
React.js | Passing and Reading React Props
Просмотров 142Год назад
In this video, we'll discuss the most important topic in React . We'll cover what props are and how to pass and read them between components. v-model ruclips.net/video/55Y1nG7AwfU/видео.html props ruclips.net/video/cHMAfGq8PTM/видео.html emit function ruclips.net/video/I_eND3rwZl0/видео.html
How Do you Think in Three.js ?
Просмотров 488Год назад
If you start learning Three.js, this video will help you think logically when you are coding in Three.js v-model ruclips.net/video/55Y1nG7AwfU/видео.html props ruclips.net/video/cHMAfGq8PTM/видео.html emit function ruclips.net/video/I_eND3rwZl0/видео.html
Vue.js 3 | How Reusable Components Work With Multiple v-model ? (under 2 Minutes) Part 2
Просмотров 3,4 тыс.Год назад
Understanding how reusable components work with multiple v-model How Reusable Components Work with One v-model ( Part 1) ruclips.net/video/hqMR34CCHRQ/видео.html v-model ruclips.net/video/55Y1nG7AwfU/видео.html props ruclips.net/video/cHMAfGq8PTM/видео.html emit function ruclips.net/video/I_eND3rwZl0/видео.html
Vue.js 3 | How Reusable Components Work with One v-model ? (under 3 Minutes) Part 1
Просмотров 9 тыс.Год назад
Understanding how reusable components work with one v-model v-model ruclips.net/video/55Y1nG7AwfU/видео.html props ruclips.net/video/cHMAfGq8PTM/видео.html emit function ruclips.net/video/I_eND3rwZl0/видео.html
Vue.js 3 | v-bind Directive | Class & Style Binding
Просмотров 4,3 тыс.2 года назад
How to use v-bind to dynamically bind one or more attributes to our data property. and we will discuss how to bind style and class Check out: Vue.js Playlist : ruclips.net/p/PLzJ6Y2_wOITQItauE5sRyDv_atVd8P1sh Check out: JavaScript Array Methods Playlist: ruclips.net/p/PLzJ6Y2_wOITQpa6s0kycUoBHETwKxscjq
Vue.js 3 | Vue Directive v-text | v-html
Просмотров 2,7 тыс.2 года назад
How to update the element's text content with the v-text directive and how to render the element with the v-html directive Check out: Vue.js Playlist : ruclips.net/p/PLzJ6Y2_wOITQItauE5sRyDv_atVd8P1sh Check out: JavaScript Array Methods Playlist: ruclips.net/p/PLzJ6Y2_wOITQpa6s0kycUoBHETwKxscjq
JavaScript Array Methods | shift| unshift | reverse | Motion Code
Просмотров 3092 года назад
In under two minutes, we will explain the javascript array methods shift, unshift, and reverse, with motion code. JavaScript Array Methods Playlist : ruclips.net/p/PLzJ6Y2_wOITQpa6s0kycUoBHETwKxscjq vue.js : ruclips.net/p/PLzJ6Y2_wOITQItauE5sRyDv_atVd8P1sh
JavaScript Array Methods | push | pop | concat | Motion Code
Просмотров 1952 года назад
In under two minutes, we will explain the javascript array methods push , pop, and concat, with motion code. JavaScript Array Methods Playlisthttps: ruclips.net/p/PLzJ6Y2_wOITQpa6s0kycUoBHETwKxscjq
Vue.js 3 | Two-Way Data Binding with V-Model in 4 Cases
Просмотров 7 тыс.2 года назад
We will discuss, the difference between v-model and v-bind and we will explain the v-model directive in 4 cases: Text, Checkboxes, Multiple Checkboxes, and Radio button. Check out: How Props Flow Inside the Component? ruclips.net/video/cHMAfGq8PTM/видео.html Check out: Vue.js | Understanding How to Pass Data From Child to Parent With Emit Function ruclips.net/video/I_eND3rwZl0/видео.html
Vue.js 3 | Understanding How to Pass Data From Child to Parent With Emit Function
Просмотров 31 тыс.2 года назад
In this video, we use emit function to emit an event and pass data from the child component to the parent component in different ways: inline, Options API, Composition API Check out: How Props Flow Inside the Component? ruclips.net/video/cHMAfGq8PTM/видео.html Check out: Vue.js | Two-Way Data Binding with V-Model in 4 Cases ruclips.net/video/55Y1nG7AwfU/видео.html
Vue.js 3 | How Props Flow Inside the Component ?
Просмотров 7 тыс.2 года назад
To pass data from the parent component to the child component we use something called props In this video, we will talk about how to send props from the parent component as properties in two ways: static and dynamic And receive them in the child component through the props list as an array. Check out: Vue.js | Understanding How to Pass Data From Child to Parent With Emit Function ruclips.net/vi...

Комментарии

  • @mehd-q1w
    @mehd-q1w Месяц назад

    GREAT , is there a full playlist

  • @mehd-q1w
    @mehd-q1w Месяц назад

    amazing

  • @hannesthiel-storysandart5105
    @hannesthiel-storysandart5105 2 месяца назад

    perfect tutorial, short but complete, nice animation, examples. i love it

  • @shyzjke
    @shyzjke 2 месяца назад

    Thnak you, man! Very good explanation!!!

  • @shaju7497
    @shaju7497 2 месяца назад

    Very helpful short and clear explanation thank you ✨

  • @ashique12009
    @ashique12009 2 месяца назад

    Excellent animation way to understand it more easily. Thanks!

  • @aamiriqubal
    @aamiriqubal 2 месяца назад

    short, crisp and clear. Not a second wasted. Thanks!!

  • @berhanubaye2867
    @berhanubaye2867 2 месяца назад

    this a the best tutorial I ever watched. the animation and everything. this is awesome.

    • @FrontThings
      @FrontThings 2 месяца назад

      Thank you, I'm glad it was helpful

  • @iBbeenon0piumforthelast10days
    @iBbeenon0piumforthelast10days 4 месяца назад

    how would the syntax change if we used the <script setup> instead on setup function. great video btw <33

  • @VitaliySunny
    @VitaliySunny 6 месяцев назад

    Looks like need third part with defineModel

  • @junjunghasudungan1905
    @junjunghasudungan1905 6 месяцев назад

    This video making easier to understanding like me new using vue 3..

  • @FromRootsToRadicals_INTP
    @FromRootsToRadicals_INTP 7 месяцев назад

    Sir / bro, i am a senior lead full stack. Im 38 and been coding since i was 10. Just this month we decided to go the vue route and are mixing it in our mvc razor application. You have the most simple but elegant explanations. You are appreciated and i subscribed and sharing. Thanks

  • @AlouiMohamedhabib
    @AlouiMohamedhabib 7 месяцев назад

    Careful with mutating the parent props!

  • @anasskarroumi4385
    @anasskarroumi4385 7 месяцев назад

    thank u

  • @munraitoo13
    @munraitoo13 7 месяцев назад

    Thanks for the knowledge!

    • @FrontThings
      @FrontThings 7 месяцев назад

      I'm glad it was helpful

  • @z_ozQ
    @z_ozQ 7 месяцев назад

    simple and great explanation i love it keep it up brotha

    • @FrontThings
      @FrontThings 7 месяцев назад

      I'm glad you liked it

  • @EatYourPancakesDummie
    @EatYourPancakesDummie 8 месяцев назад

    this does not work

  • @TonyMoritz-s5i
    @TonyMoritz-s5i 8 месяцев назад

    I love you

  • @anatolyivanov1244
    @anatolyivanov1244 8 месяцев назад

    очень долго читал документацию и не мог понять, смотрел разные видео, тоже не понял, посмотрел твою анимацию и хуяк, понял :D thx dude

    • @FrontThings
      @FrontThings 8 месяцев назад

      Thank you, I'm glad it was helpful

  • @tanikobas6991
    @tanikobas6991 9 месяцев назад

    Thanks a lot, that was really simple <3

    • @FrontThings
      @FrontThings 9 месяцев назад

      I'm glad it was helpful

  • @elilumilay9405
    @elilumilay9405 9 месяцев назад

    Great visuals! I understand this more than the official documentation. Thank you! :D

  • @quocdoan4653
    @quocdoan4653 9 месяцев назад

    You make it so easy to understand.

    • @FrontThings
      @FrontThings 9 месяцев назад

      Thank you, I'm glad it was helpful

  • @ikhsan2652
    @ikhsan2652 9 месяцев назад

    Please do more vue videos

  • @benztagle4993
    @benztagle4993 10 месяцев назад

    Very straightforward with great presentation, I love it. Thanks!

    • @FrontThings
      @FrontThings 10 месяцев назад

      I'm glad you liked it

  • @annalanna3400
    @annalanna3400 10 месяцев назад

    best visuals on the internet by far hope you keep up your tutorials. Short and straight to the point and with all possibilities all in one video. love it

    • @FrontThings
      @FrontThings 10 месяцев назад

      Thank you, I'm glad it was helpful

  • @doublekamui
    @doublekamui 11 месяцев назад

    you can see in my channel that useState is not good. useSignal is good

  • @sashirkl
    @sashirkl 11 месяцев назад

    Here is something. I do not know whether u will like it or not. Please start series on real life projects . Not like clones or some webapp copy . A real industry grade material .

    • @FrontThings
      @FrontThings 11 месяцев назад

      Thank you for your suggestion! I appreciate your interest in seeing real-life projects in my content. there are hundreds of real-life projects on youtube My goal in this channel is to provide different content, if you take a tour of my channel you will notice I focus on topics that may be difficult for beginners, also You can't easily find content similar to the way I present it on RUclips Let me tell you something🤫 , the next video will be about: How does a 3D product configurator work? can you find content like this on RUclips😉

    • @sashirkl
      @sashirkl 11 месяцев назад

      They are just copy paste . Low level design, planing, wire frames i need these type of things. Should able to see the broader picture, analyse any problem by self.

    • @FrontThings
      @FrontThings 11 месяцев назад

      codewithantonio + javascriptmastery are good choice

  • @Ikkin267
    @Ikkin267 11 месяцев назад

    How about for drop-down list sir?

  • @alinapritchett9276
    @alinapritchett9276 Год назад

    Thank you so much. So often just the language chosen for these functions gets in the way of comprehension. The word "emits" for some reason was making it really hard to for me to grasp when reading Vue docs. This explanation and visual imagery made it click.

  • @FrontThings
    @FrontThings Год назад

    If you're interested in watching capsules like this, let me know in the comments. 📢

  • @IKAMOworkshop
    @IKAMOworkshop Год назад

    Thank you very much, this is probably the clearest explanation I have found so far. Helps me so much here!

    • @FrontThings
      @FrontThings Год назад

      thank you, I appreciate your comment

  • @captainlennyjapan27
    @captainlennyjapan27 Год назад

    Hi, your graphics are amazing! May I mention your link on my blog post and also use the screen captures from your videos? I'm trying to write about v-model vs props & emits patterns. Thanks!

    • @FrontThings
      @FrontThings Год назад

      Thank you, I'm glad it was helpful

  • @captainlennyjapan27
    @captainlennyjapan27 Год назад

    Really wonering - what is the advantage of using v-model compared to prop & emit pattern? Thanks for the amazing video but im still quite confused with the above

    • @David-gj6dc
      @David-gj6dc 7 месяцев назад

      They are pretty much the same from my understanding, just in a more terse syntax. Like the video explains, v-model is just a shorthand for a prop and emit handler which just updates the value. One implication from a code structure standpoint is if you need to run other code as well as updating the state on each emit, you now need a watcher to do that. Before you could just inline the code inside the handler function. This theoretically COULD matter if the order of execution matters.

  • @thor0911-fo
    @thor0911-fo Год назад

    It is easy to understand. Thanks!

  • @hosseinpanahy5358
    @hosseinpanahy5358 Год назад

    I've watched so many video but this one is ethereal and really made me learn it, concise and clarified

  • @AnantaAkash.Podder
    @AnantaAkash.Podder Год назад

    A very GREAT EXPLANATION Man... really Loved it...

  • @gaychin8654
    @gaychin8654 Год назад

    Straight to the point!

  • @khashayarshomali
    @khashayarshomali Год назад

    Thanks for this great content.

  • @Jorgeee
    @Jorgeee Год назад

    What software do you use for these animations?

    • @FrontThings
      @FrontThings Год назад

      I hope you like it. I use Adobe After Effects

  • @edhayamurali7119
    @edhayamurali7119 Год назад

    clear explanation

  • @gasqui
    @gasqui Год назад

    Terrific explanation!

  • @fortex8121
    @fortex8121 Год назад

    New subscriber here :D Watched all the vue 3 tutorial its was helpful and informative thanks a lot! the animation made it easier to understand. waiting for more tutorial in vue 3 ! Keep up the good work !

  • @phat80
    @phat80 Год назад

    I was hoping you could explain this in more detail how it works inside vue 🧐

  • @VivanRoy-ot8qf
    @VivanRoy-ot8qf Год назад

    Very very high quality content

  • @Asia_Bangladesh
    @Asia_Bangladesh Год назад

    Thanks brother

  • @Asia_Bangladesh
    @Asia_Bangladesh Год назад

    wow! Nice video with animation. It make easy to understand verry simple. Support him and hit subscribe button

  • @jaysonp9426
    @jaysonp9426 Год назад

    Or... Use the store... Appreciate the video though. The graphics demonstrate it well

  • @julienSibille
    @julienSibille Год назад

    You could also place the @input on the component in the parent, and not having to emit from the child

  • @nguyenbao-j8l
    @nguyenbao-j8l Год назад

    i love your video

  • @lumcodex
    @lumcodex Год назад

    the visualization is so good, ty