Building for Mobile and Web with Expo, part 2: Dark, Links, Deployment
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:
Looked at the GitHub issue for a bug in react-native-reanimated we found last time, and confirmed the latest version of the library fixes it
Updated the status bar color to match the color scheme
Styled our screen background to respond to dark mode
Configured the sidebar to be persistent on large screen sizes and collapse on small
Deployed the web app successfully to Netlify
Submitted the iOS build to Apple
Got URLs updating to match the screen we've navigated to
Links:
React Navigation: Configuring Links - https://reactnavigation.org/docs/conf...
Netlify - https://www.netlify.com
Chapters:
0:00:00 - Introduction
0:04:00 - react-native-reanimated bug resolution
0:12:10 - Status bar color
0:17:43 - Dark mode background
0:26:22 - Readme improvements
0:28:45 - Responsive sidebar
0:50:47 - Deploy web to Netlify
1:05:55 - Build iOS and submit to Apple
1:43:14 - URL navigation
2:06:00 - Wrap-up, reviewing build uploaded to Apple, and specifying export compliance