JavaScript में निर्भरता प्रबंधन के लिए Bower और npm में क्या अंतर है?

सभी को नमस्कार! मैं JavaScript में नया हूँ और package managers को समझने की कोशिश कर रहा हूँ। मैंने React सीखना शुरू किया और एक tutorial में npm के माध्यम से dependencies install करने को कहा गया, जबकि दूसरे में Bower के माध्यम से। मैं पूरी तरह से भ्रमित हो गया। मैंने एक साधारण project पर दोनों options आज़माए। यहाँ बताया गया है कि मैंने npm के माध्यम से jQuery कैसे install किया:

npm install jquery --save

और फिर Bower के माध्यम से:

bower install jquery --save

दोनों ने jQuery को क्रमशः `node_modules` और `bower_components` फ़ोल्डरों में download किया। लेकिन फिर दो अलग-अलग tools की आवश्यकता क्यों है? उनका मूलभूत अंतर क्या है? और आजकल ज़्यादातर लोग npm का उपयोग क्यों करते हैं, जबकि Bower के बारे में शायद ही कोई बात करता है? मुझे विशेष रूप से यह भ्रमित करता है कि npm में dependencies `package.json` में जाती हैं, जबकि Bower में `bower.json` में। और मैंने यह भी सुना है कि Bower अब...