OPI Blog
Learn from experts in their fields

Browsing Tags: react

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. ...
Jun 4, 2020
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 ...
Jul 25, 2017
Angular, React, or Vue JS: Which one is for me?
Any modern front-end developer will tell you that it’s nearly impossible to keep up with the break-neck pace of new JavaScript frameworks; what was hot last week is almost certainly out of vogue by the ...
Creating a static blog with Gatsby
Gatsby is an incredible static site generator that allows for React to be used as the underlying rendering engine to scaffold out a static site that truly has all the benefits expected in a modern ...
Apr 28, 2017
Two-way Data Binding in ReactJS – Part III
Variable-length Arrays In Part I, we learned how to automatically bind top-level state properties to form elements in JSX, so that updates to those elements automatically updated state and vice versa. In Part II, we ...