Building for Mobile and Web with Expo, part 4: Server Data
In this series we rewrite a link-saving app in Expo, a framework built on top of React Native. This allows us to run the same codebase on Android, iOS, and the web. You can find the repo here: https://github.com/CodingItWrong/fire...
In this session we:
Fixed a bug where the app flashed the Sign In screen when we're already signed in
Set up the app to connect to the production backend
Finished styling the Sign In screen
Set up the API client for the JSON:API backend
Set up the Unread page displaying links from the backend and opening them in the browser
Links:
JSON:API - https://jsonapi.org
@codingitwrong/jsonapi-client - https://github.com/codingitwrong/json...
Chapters:
0:00:00 - Intro
0:03:14 - Fixing a bug where the app flashes the Sign In screen when you're already signed in
0:18:13 - Configuring the production URL
0:23:48 - Finalizing the Sign In page styling
0:45:34 - Publishing to test the production URL and encryption flag
0:52:55 - Reviewing the full Unread Links page feature set
0:54:23 - Hard-coded list of links
1:12:59 - Opening links in the browser on mobile
1:16:40 - Opening links in a new tab on web
1:20:56 - Reviewing the published mobile app
1:24:05 - Configuring the API client for the JSON:API backend
1:34:05 - Loading real links from the backend
1:50:12 - Reviewing the benefits of JSON:API
1:51:29 - We've achieved a useful app!
1:57:46 - Summary