Building for Mobile and Web with Expo, part 8: Route Params and Forms
This is the final part of a series where we rewrote the frontend of 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:
Implemented basic functionality of the edit screen
Showed how to write a screen test for a screen that receives a navigation param
Refactored edit screen visuals with confidence from passing tests
Implemented responsive button layouts using the react-native-style-queries library
Removed duplicative provider setup in tests
Links:
useFocusEffect - https://reactnavigation.org/docs/use-...
react-native-style-queries - https://github.com/bignerdranch/BNR-r...
Chapters:
0:00:00 - Intro
0:03:51 - Fixing a safe area bug with a flat list
0:14:24 - Removing provider setup duplication in tests
0:18:23 - Overview of the edit screen's functionality
0:20:37 - Displaying and testing the edit form fields
0:53:39 - Save changes to server
1:04:38 - Navigate back to parent screen
1:10:25 - Reloading list screen when it is shown
1:31:45 - Cancelling edits
-1:36:40 - Refactoring visuals under test
1:38:58 - Responsive button layouts with react-native-style-queries
-1:48:33 - Reviewing the screen test approach
-1:58:58 - Fixing a dark mode bug
2:01:22 - Wrap-Up