cross-posted from: https://programming.dev/post/223663

Hey folks!

I’ve noticed that it’s often difficult for newcomers to git to understand what the heck is happening and how the commands work.

Here’s a flowchart that has helped me explain things in the past, and (more than once) folks have asked me for a copy of it to use as a cheat sheet. Hope it’s helpful!

I’ve crossposted this in multiple places where I think it’s relevant. Hope y’all get some use out of it too! (Mods, please let me know if I should take it down)

EDIT: added non-transparent image, hopefully more visible for dark mode users.

  • @DieterlanEnglish
    18•1 year ago

    Don’t know if this is just something that I’m seeing on my side, or maybe you did it intentionally, but most of the top portion is transparent, which makes it hard to parse when viewing in dark mode. Otherwise, pretty solid graphic 👍

    • o_oOPEnglish
      6•1 year ago

      Thanks for calling this out! Fixed, I hope. Wasn’t intentional.

    • BoofStrokeEnglish
      5•1 year ago

      Came here to say this. Never assume everyone uses your same configurations when sharing a document.

  • RyanEnglish
    6•1 year ago

    [YOINK!]

    Definitely adding to my own cheatsheet that I manually created with info from the various git tutorials I’ve read/watched. Very nice to have a visual representation.

    Thank you!

    • o_oOPEnglish
      4•1 year ago

      You’re welcome! Hope it’s useful :)

  • @TopRamenBinLadenEnglish
    3•1 year ago

    Very helpful graphic for newcomers to git and github. It took me a year of seriously using them to have a mental model of how they work. I wish I had this when I started using them.

  • jaderoEnglish
    1•1 year ago

    Thanks! You know you’re looking at a great instructive diagram when you never again need to refer to it!

    I’ve been having a tough time getting past the first chapter, so to speak, and I think this solves it for me.

    Also, the dark mode fix seems to work.