So, I built a React app to visualize and animate the Gitflow. Basically, in Gitflow,
- There's a
masterbranch. - You create a
developbranch off ofmaster. Thisdevelopbranch is your bread and butter as most of your changes go in here. featureandreleasebranches are created off ofdevelop.- Once you are done with
feature, you merge it todevelop. - Once you are done with
release, you merge it to bothdevelopandmaster. And you tag the release. - If there's a issue in production, you create a
hotfixbranch off ofmaster. - Once
hotfixis done, you merge it back tomasteranddevelopand tag the release.
Animate the Gitflow
Source: https://github.com/vraa/gitflowanimated
Click on the buttons below / next to each branch to simulate the action and see the commits flowing.