First we'll write an endpoint to create S3 pre-signed upload URLs. Next we'll setup a React Native Camera, and show how to save a captured photo. Finally we'll use
getBlob to get our image contents and upload them directly to s3.
To create an animated color palette generator we're going to use the
Animated library supplied by React Native. Some external libraries for generating consistent colors. Also we will use
useState hooks to automatically respond to changes in state to cause our animations to trigger.
Create an animated customer review display. We'll explore how to use basic React Native styles to accomplish the layout. Then wrap up adding some polish with
Animated to animate our percentage bars from
0 to the percentage.
Create React App has been the standard choice for building React applications. With standards comes inflexibility. With
react-app-rewired you can customize your build without ejecting.
In this lesson we'll examine how yup validations are setup. Also we'll show some of the builtin helpers like
min/max for dates. Then using
date-fns we'll setup a custom transform so our validation system can handle different formatted dates.
Testing authentication can be difficult, especially with many 3rd party providers like Auth0. We'll show how to use Jest and mock-jwks to test out your authentication to create fast unit tests with out hacks.
Animations can be used to effectively communicate a users action. However many times the reverse animation is used for both a close, or success. We can do better, and we'll walk through how to use
Animated to create 2 different animations with a single animated value.
We'll tackle setting up user types by creating a users_types table with a value text primary key. We'll add the users type as a foreign key to our new table. Finally we'll insert values as a SQL query and track it as a migration.
position: sticky to lock our sticky header to the content container that it's in when the user scrolls. Using a
useEffect hook we can monitor the scroll position and determine if the user is looking at a section of our content. If they are we can update a
useState hook to highlight it in our nav bar. Finally we'll add a scroll to section feature as well.