diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md b/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md
index 0ffc34ff7..7b025fc76 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/108-lifecycle-hooks.md
@@ -4,3 +4,4 @@ Each Vue component instance goes through a series of initialization steps when i
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/guide/essentials/lifecycle.html'>Life Cycle Hooks</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://dev.to/amolikvivian/the-lifecycles-of-vue-js-lhh'>The Lifecycles of Vue.js</BadgeLink>