OPI Blog
Learn from experts in their fields

Browsing Tags: react

React Server Components
The React Team recently announced new work they are doing on React Server Components, a new way of rendering React components. The goal is to create smaller bundle sizes, speed up render time, and prevent ...
Clean JSX structuring in React
A video guide on how to structure your JSX to make it easier to know when it’s appropriate to split out new components. This will help keep your React code smaller, cleaner, and more DRY....
Tracking Original URL Through Authentication
If you read my other post about refreshing AWS tokens, then you probably have a use case for keeping track of the original requested resource while the user goes through authentication so you can route ...
Deploying NextJs v9 on Google App Engine
NextJS v9 offers new exciting features like “File system-based dynamic routing” and “Automatic Static Optimization”, but deploying on Google App Engine introduced some new challenges.  In this post I will walk you through the steps. ...
Validating Optional Objects with Yup
The Yup object validation library provides a lot of tools, but how do we use it to validate optional objects?...
Apr 3, 2019
Translate Create React App with React-Intl
The React ecosystem is good at many things, including being able to quickly spin-up a solid dev stack with Create React App. CRA provides a great core set of features (webpack, build scripts, jest tests, ...
Migrate from react-loadable to React.Suspense
React apps using code splitting often use the excellent react-loadable library which handles detecting whether a code segment has been loaded and, if not, putting up a spinner or other “wait” indicator while that code ...
Jun 29, 2018
GraphQL: Most of the Parts
Hello! My name is Dustin Schau and I hope to share some knowledge with you about… you guessed it, GraphQL! I intend for this to be a gentle introduction to foundational concepts of GraphQL. In ...
Nov 20, 2017
Taming Redux with Sagas
Redux by itself is pretty cut-and-dried: write some action creators, write some reducers, dispatch actions. Where it gets complicated is when you have to integrate that concept into a natural workflow where they can branch ...
Nov 3, 2017
CSS in JS: Benefits, Drawbacks, and Tooling
I’m a frontend developer specializing in all things JavaScript. Throughout my career, I’ve done a fair bit of everything: Angular, React, jQuery, you name it. Of course, I’ve also done a fair bit of everything ...