We'll examine how we can use Emotion, Tailwind and Babel to build out string validated Tailwind classes but leverage the power of Emotion.
Getting setup with drag and drop can be complicated, especially with multiple lists. We'll explore how to use react-beautiful-dnd to create multi-list drag and drops. We'll also use Immer and useReducer to create immutable data structures to simplify and improve the performance of our code.
The defacto standard for drag and drop in React is
react-beautiful-dnd, however there are some caveats when it comes to using with a server side rendering library like Next.js. One call to
resetServerContext in the custom
_document will take care of all the issues.
Description: Next.js can be deployed anywhere, and the @sls-next/serverless-component component from Serverless makes it easy to deploy AWS. Using a serverless.yml config and a few environment variables you can deploy to multiple environments like staging, production, or even one off feature branches.
Securing your stripe webhooks is essential for preventing bad actors from bypassing payment. NextJS provides an easy way to create API routes, however there are few nuances to get them to play together. Like disabling the body parser and converting the req to a buffer.
We'll start by creating a new Hasura Cloud project. Then setup a new Security Group in AWS for a secure connection from Hasura Cloud to our RDS PostgreSQL database. Then we'll create our RDS PostgreSQL database, and setup the connection string in our Hasura Cloud project.
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.
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.