Fetching Article Feed Based on Tabs
Explore how to fetch article feeds dynamically based on tab selection in this lesson. Learn to implement conditional rendering for user-specific feeds, dispatch Vuex actions to retrieve user and global articles, and format date and time with moment.js. This lesson helps you understand managing dynamic data and components in Vue 3 applications.
We'll cover the following...
In this lesson, we are going to fetch the articles feed on the Home screen based on the tabs. If the tab is on the Your Feed option, then we are going to fetch the user’s article feed dispatching the action getUserFeed. If the tab is on the Global option then, we are going to fetch all the articles dispatching the action getGlobalFeed.
First, we need to implement the UI section. We are going to show the Your Feed option only ...