What is "State" in Programming?

Sdílet
Vložit
  • čas přidán 19. 01. 2021
  • "State" is a term you might've heard a lot - especially when working with modern frontend frameworks like React, Angular or Vue. It's important for updating what you see on the screen. But how would you define state?
    Also read the full article: academind.com/tutorials/what-i...
    Learn all about React.js, Angular & Vue and get a great discount!
    React.js - The Complete Guide: acad.link/reactjs
    Angular - The Complete Guide: acad.link/angular
    Vue - The Complete Guide: acad.link/vuejs
    Or get access to ALL our courses for one low monthly or annual price: pro.academind.com
    Join our Academind Community on Discord: / discord
    Check out all our other courses: academind.com/learn/our-courses
    ----------
    • Go to www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
    • Follow @maxedapps and @academind_real on Twitter
    • Follow @academind_real on Instagram: / academind_real
    • Join our Facebook community on / academindchannel
    See you in the videos!
    ----------
    Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Komentáře • 79

  • @ahmedsharif397
    @ahmedsharif397 Před 3 lety +72

    We Want a Playlist of What is .... in Programming 😍😍😍👍🏼👍🏼🙏🏼❤

    • @umslopogaas
      @umslopogaas Před 3 lety

      @Grady Rowen Mate, you really gotta pay 16bucks? Does that work for sure?

  • @samuelvalentine7846
    @samuelvalentine7846 Před 3 lety +103

    the person that disliked the video is in a bad state

    • @iamchange_x
      @iamchange_x Před 2 lety +1

      agreed

    • @samuelvalentine7846
      @samuelvalentine7846 Před rokem +3

      It's funny and surprising when I look back at how I was when I started programming. Almost two years later, I can't believe I improved this much..
      For anyone who might be watching this, just relax and try to understand what you're learning by practicing.. The only thing that cannot be faked is mastery. It only comes from practice

    • @samuelvalentine7846
      @samuelvalentine7846 Před rokem

      @Jose Francisco Jimenez thanks.. not at all.. I do not have a CS degree.. I just teach myself from CZcams and Udemy

    • @samuelvalentine7846
      @samuelvalentine7846 Před rokem +3

      @Jose Francisco Jimenez not really, i just put in alot of hours..

    • @serwaapreimann
      @serwaapreimann Před 5 měsíci

      😅

  • @Shkkmj6868
    @Shkkmj6868 Před rokem +2

    You explain concepts clearly and to the point. Thank you so much for your videos.

  • @levi4thon
    @levi4thon Před 3 lety +5

    Hi Max, great video. I love the format of short clips explaining different concepts. I was wondering, could you also make a video in which you develop a simple state management system, similar to Redux or Vuex, in vanilla Javascript or better yet in Typescript? I think that would make it even easier for people to grasp the concept of state and tackle those troublesome libraries.

  • @fernandorendon8618
    @fernandorendon8618 Před 3 lety +5

    I like to explain State as a chess game anotation: You could play a whole chess game by writing down which piece moves where each turn. In fact kings use to play chess this way with other kings. Each had their own board (interface) in their own castle, which looked the same, because they "updated the state" every time they got a letter with the opponent's move.

  • @AkankshaSingh-pi4uu
    @AkankshaSingh-pi4uu Před 3 lety

    You are always awesome Max! Thanks for such clear explanation of the concept.

  • @aprilucid
    @aprilucid Před 2 lety

    Your channel is keep helping me a lot!! You can't imagine how ur instructions are encouraging me with a comprehensive and tangible explanations all the time...!!!!!!!!! thanks a lot, stay safe!!!

  • @SantoLucasST
    @SantoLucasST Před 3 lety +10

    Very nice explanation. Took me a while to understand it the first time and what bothers me is the fact that is always the same example, that "click here to increase count". it works but is too simple to show what state really means and why it is important.

  • @julienchaudron9354
    @julienchaudron9354 Před 3 lety +8

    In computer science, state are defined by their input, output and transition. What differentiate two state is that their output is different from the same input. you can put the calculator in decimal state and 10 + 10 = 20 or in bin state and 10 + 10 = 100. The way they process data is different thus two different state.

    • @andybrice2711
      @andybrice2711 Před rokem +1

      Though presumably, different states can sometimes have the same I/O. For example: 0 + 1 = 1 regardless of whether the calculator is in decimal or binary mode. So does that mean a state is defined by the mapping from "any possible input" to "any possible output"?

  • @user-gu5ts5nx8r
    @user-gu5ts5nx8r Před 3 lety +4

    Max, thank you so much for sharing.

  • @elpatasculichi
    @elpatasculichi Před 3 lety +2

    simple and clear. Thanks !

  • @mariahvigil9850
    @mariahvigil9850 Před 2 lety +1

    Gosh this was explained perfectly!! Thank you so much.

  • @madalinalexandrescu5859
    @madalinalexandrescu5859 Před 3 lety +2

    I just started to learn IT 2 months ago,I found 3 days ago your channel and I`m watching 2-3 hours per day your videos.Your way to teach is very cool and apparently(for me) it`s working way better than with any other youtubers!

  • @CharithaSampathGunawardana

    Well explained with examples 🙂

  • @shashikanthd4767
    @shashikanthd4767 Před 2 lety

    I appreciate the video idea.this topic looks so silly but its really very important to understand it

  • @trainzmarcel2074
    @trainzmarcel2074 Před rokem

    thanks, this was a very simple and clear explanation, just how i like it

  • @abhishekrawat8579
    @abhishekrawat8579 Před 3 lety

    Much informative for me because I've just started learning react😍🥰

  • @schneidero
    @schneidero Před 3 lety +2

    Good explanation. Thanks

  • @xrr-1
    @xrr-1 Před 3 lety +9

    I work on React/Angular projects daily at work but I watch all of your videos.

  • @Shipslitz
    @Shipslitz Před 3 lety +1

    great working example 👍 thank you

  • @ErikWillekens
    @ErikWillekens Před 3 měsíci

    A static situation of your running code - a summary of "facts" of what is in your active memory, the data which is currently being rendered on a screen or another interface.

  • @khasmeenusman3931
    @khasmeenusman3931 Před 2 lety +1

    Explained it perfectly and easily

  • @praveenmail2him
    @praveenmail2him Před 3 lety

    Excellent explanation!!

  • @glamax1393
    @glamax1393 Před 3 lety

    In the end it's a great explanation !

  • @Ernest-Technology
    @Ernest-Technology Před 3 lety +1

    I love everything you do

  • @raedbishtawy1
    @raedbishtawy1 Před rokem

    Thanks for the info

  • @binggibanggabongo
    @binggibanggabongo Před 3 lety

    Great lecture!

  • @mostviewedtoks
    @mostviewedtoks Před rokem

    Thanks this helped a lot

  • @farhanfaraan1
    @farhanfaraan1 Před 3 lety

    very nice explanation sir Thumbs up

  • @ujjwalrawat2361
    @ujjwalrawat2361 Před 3 lety +10

    Love the way you teach.

  • @imanshirkhodaee1704
    @imanshirkhodaee1704 Před 2 lety

    It was helpful. thanks

  • @deceptivefacade7713
    @deceptivefacade7713 Před 3 lety

    please do SSR next.
    clear explanation as always.

  • @elixirdeveloper6673
    @elixirdeveloper6673 Před 8 měsíci

    thank you for validating what I thought 😃

  • @darakhsanmughal8442
    @darakhsanmughal8442 Před 3 lety

    Is it possible to see that what is the current value of the state like we can see the session values in php

  • @cesarp6761
    @cesarp6761 Před 3 lety

    (vue example) could I use the root object as a place to centralize states among components instead of using 'stores'.. stores seems to much complication in my books..

  • @user-bx4oj7ql6b
    @user-bx4oj7ql6b Před rokem

    hello there, while working in counter application what is the working principal of counter and setCounter?
    what does they do when we run?
    Does counter is old value store in counter and while updating state setCounter hold the new value?

  • @beinyourguard
    @beinyourguard Před 3 lety

    Thank you!

  • @spacebuddy5339
    @spacebuddy5339 Před 10 měsíci

    Thanks alot.

  • @kasvith
    @kasvith Před 3 lety

    Max, can you do an Elixir tutorial series?

  • @nsociety
    @nsociety Před 3 lety +1

    I hit like before watching Max's video because I know how he plans to explain the concept.

  • @longingbydesign
    @longingbydesign Před 3 lety

    So how much memory does it take to store ALL the states of 1 minute of cooling coffee?

  • @siddhantjain2402
    @siddhantjain2402 Před 3 lety

    Hi Max, please create a course on Loopback 4. It's pretty hot these days!

  • @QQ-wv3gz
    @QQ-wv3gz Před 3 lety +1

    Hello Max!! ❤️

  • @abubakarsadiiq6131
    @abubakarsadiiq6131 Před 3 lety +2

    You always post what is needed. I like that

    • @arvitech7419
      @arvitech7419 Před 3 lety +1

      Your CZcams Logo Attracts my Eyes. :)

  • @LamaWalk
    @LamaWalk Před 3 lety

    could you please enable CC? :)

  • @JasonLaveKnotts
    @JasonLaveKnotts Před 2 lety

    The state of anything depends upon the question asked about the subject.

  • @MrFawads
    @MrFawads Před 3 lety

    Video about state machines in react. 👍

  • @damagee8141
    @damagee8141 Před 3 lety

    So basically the term state always refers to the program as a whole. If there is an alteration in memory the state changes. Which is probably why some people prefer functional programming where state changes are avoided as much as possible to make the program easier to debug and test.

  • @aventurileluipetre
    @aventurileluipetre Před rokem

    so state = permutation of all variables

  • @soumadip_skyy_banerjee
    @soumadip_skyy_banerjee Před 3 lety +2

    ❤️❤️❤️

  • @ayoubkhater2395
    @ayoubkhater2395 Před 6 měsíci

    can any one explain to me why so many people in the internet talk about programming like it's only web development?
    why they assume programming=web ?

  • @markcuello5
    @markcuello5 Před 2 lety

    Help me

  • @rajav4861
    @rajav4861 Před 3 lety

    Will you release Django course on Udemy as well?

  • @joshuachan6317
    @joshuachan6317 Před rokem

    The other half of my brain: A State Of Trance

  • @IDStack
    @IDStack Před 3 lety +2

    Nyimak

  • @Thilina4321
    @Thilina4321 Před 3 lety

    😊❤

  • @jemsync
    @jemsync Před 11 měsíci +1

    Who else here from the React Course in The Odin Project?

  • @pranavbhat92
    @pranavbhat92 Před 3 lety +1

    So "state" & "context" are synonymous right?

  • @codeme8016
    @codeme8016 Před rokem

    Hi, It was not clear enough this time. I was good until the real world state and then lost it.
    Love your videos overall though.

  • @heruhailiuhuang533
    @heruhailiuhuang533 Před 3 lety

    Hello, I am non English speaker, So I hope i can see the subtitle, but there is no. Could u set it up?

  • @odopaisen2998
    @odopaisen2998 Před 7 měsíci

    besides the obvious, you did not make much clear. there are too many states , of registers, ram cells, looks variables functions call-adresses ...

  • @5p4rk3r
    @5p4rk3r Před 3 lety

    the color palette used for this presentation is bad

  • @bishnudas3562
    @bishnudas3562 Před 3 lety

    how many of you are here redirected from udemy course?

  • @TodorescuProgramming
    @TodorescuProgramming Před 3 lety

    Its a really bad practice to put renderState inside incrementCounter... Each function should do only one thing... In setTimeout its better to call incrementCounter AND renderState

  • @___llvm
    @___llvm Před 3 lety

    This guy is from Udemy ??!!

  • @g3ek1337
    @g3ek1337 Před 3 lety +1

    Totally good and 共匪

  • @heruhailiuhuang533
    @heruhailiuhuang533 Před 3 lety

    Hello, I am non English speaker, So I hope i can see the subtitle, but there is no. Could u set it up?

  • @5p4rk3r
    @5p4rk3r Před 3 lety

    the color palette used for this presentation is bad