Move static data to external json files

[devcer]

Currently static data like captions, moods, tags. etc. are either in .ts files or inline code.

• Move the static data to external JSON files
• Fetch them using HTTP fetch and then use it to populate on the page

This will enable us to directly connect with REST APIs in the later stages.

[bmusuko]

Hi @devcer, can I take this issue?
Here is some question for this issue, what data should be get from the external JSON file, and what data should be get from HTTP fetch?
Do you have a preferable API to get the data? or i free to choose what API that will be used. Thanks!

[devcer]

@bmusuko
https://github.com/devcer/CapShun/blob/master/src/constants/MockData.ts
https://github.com/devcer/CapShun/blob/master/src/screens/HomeScreen.tsx#L10
to name a few. I would like to move them to external JSON files(probably in the src/assets/data folder(create data folder if it doesn't exist). Am I clear?

[bmusuko]

yeah pretty clear, can you assign it to me? @devcer

[bmusuko]

turns out you can't fetch() json file locally with expo expo/expo#9098 (comment). I already refactor it to external json file. Is it okay to just use normal import json? @devcer

[devcer]

@bmusuko I see we could use fetch. Not sure though for local files. -> https://docs.expo.io/versions/v36.0.0/react-native/network/
Let me try out for one JSON, so that you could do the same for the rest.

[devcer]

@bmusuko I see that I cannot use fetch to get static files. Please go ahead and use normal import json. Assigning this to youl.