Code Daily

Learn how to setup Hasura Remote Join and stitch into your schema, automatic signed S3 URL generation!

Setup Hasura with Remote Schema Joins to Return Signed S3 Urls We're going to walk through setting up a small GraphQL schema, that will receive an s3 file path and then generate an s3 signed url. Then we'll add it as a remote schema into Hasura, and show how to set up a remote join so that the signed url can be seamlessly stitched into your fetching of data fro...

Wrote up an article on how to Setup and Test Hasura using Github Actions and Jest. Can run and execute tests against a live Hasura instance running so you can verify your permissions work, etc.

Test Hasura With Jest and Github Action Services For complete test coverage within Hasura you should test the crucial pathways that rely on complex permissions, and also rely on features of Postgres. We test this using Jest, and running our Hasura Instance on Github Actions using services.

Learn how to setup a computed field in Hasura, and check out some of their new capabilities.

You can now use them in your `where` clauses, and `sort_by`.

This might save you from having to write new table views.

How to Setup a Computed Field in Hasura Hasura allows for the addition of "computed fields" to any table. Computed fields are SQL functions that get added to that tables schema definition. This allows for increased flexibility in querying, and ordering. We will setup a computed field to add a users post count to the user schema, and show....

Check out how to create animated expanding and fading rings with React Native Reanimated!

Creating Animated Rings with React Native Reanimated Use React Native Reaniamted and useEffect to create expanding rings. We'll leverage useSharedValue, useAnimatedStyle, withDelay, withRepeat, and use interpolation to achieve our animated expanding ring effect.

I've released a series of Hasura articles. Check them out if you use Hasura or want to see some amazing features. All the things you want with basically 0 backend code!

Including, how to use PostGIS with Hasura.
Creating a Task system with assignments and tasks read.
Canceling One-Off Scheduled Events.
Creating Column Presets from SQL Queries

https://codedaily.io/tutorials/How-to-Use-Hasura-with-PostGIS

https://codedaily.io/tutorials/Create-a-Task-System-with-Unread-Filtering-and-User-Assignment-in-Hasura

https://codedaily.io/tutorials/Cancel-a-Scheduled-Event-in-Hasura

https://codedaily.io/tutorials/Use-Before-Insert-Postgres-Triggers-as-SQL-Column-Presets-with-Hasura

codedaily.io

Count this as an article you might need eventually.

Learn to generate and upload images to an S3 bucket with pre-signed URLs in React Native (or really anywhere)

Upload a File to an S3 Pre-Signed URL with React Native 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 `fetch` and `getBlob` to get our image contents and upload them directly to s3.

Learn how to use Animated, useLayoutEffect and some fancy techniques to build out an animated color generator in React Native.

Animated Color Palette Generator in React Native 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 `useLayoutEffect`, `useEffect`, and `useState` hooks to automatically respond to changes in state to cause our....

Check out how to build out an animated Customer Review display in React Native.

https://codedaily.io/tutorials/177/Create-an-Animated-Product-Review-Display-with-React-Native

Learn how to customize your Create React App project with out ejecting. Allowing you to keep the power of Create React App but the flexibility of adding the babel plugins or webpack plugins you need!

Customize Create React App without Ejecting Create React App has been the standard choice for building React applications. With standards comes inflexibility. With `customize-cra` and `react-app-rewired` you can customize your build without ejecting.

New Course released!

Formik Basics. Just articles and code, screencasts coming next.

We're revamping the way we do content. Writing and releasing as we go. Constantly improving the content rather than having to wait for it to go live.

Formik Basics Forms are a very tricky topic in general. The React ecosystem has seen a an endless rise and fall of various form libraries. One such library that has stuck around is [Formik](https://formik.dev/). This course is only going to touch the the basics of forms as well as the basics of Formik. It'll be a...

Learn how to test your Auth0 authenticate code in a unit test without changing anything or any hacks!

Unit Test Token Verification for Auth0 using Jest and mock-jwks 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.