Train of Thought

For Navigation

I created 2 Navigators, kept the Tab navigator as the main navigator and passed the Stack Navigator as the component inside tab navigator.

I checked if data exists in the local storage, if no, fetch the data and save it in local storage.

I checked if data in persistent storage exist. If yes, store value in state variable. If no, redirect to HomePage.
Display the list on Screen, make each Item Pressable and pass id as a prop.
For refresh control feature, as soon as spinner loads, I deleted the existing data in the local storage, made a new fetch call and stored new data in the storage.
This would also update the state variable of different beers.
To Implement refresh, I imported the component from react native, set refreshing (a state variable) to false initially.
The spinner starts refreshing when the list is dragged and stops the refresh as soon as new data is fetched.

Get all the items from the storage in an array.
From id which I got as a prop from list page, I found the particular drink from the given array and displayed the details on detail page.

Used useFocusEffect instead of useEffect so that fetch rendering happens when the tab changes.
added a clear data button when cleared persistant storage.
When we move to list tab, I checked if data is present in persistant storage? If yes, display data. If not (case when we clear data), make a new fetch and display the new data.

Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
Components		Components
Screens		Screens
assets		assets
styles		styles
utils		utils
.gitignore		.gitignore
App.js		App.js
Readme.md		Readme.md
app.json		app.json
index.js		index.js
package-lock.json		package-lock.json
package.json		package.json