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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
Two-way Data Binding in ReactJS – Part II
Nested State In Part I, we learned how to bind top-level state properties to form elements in JSX, so that updates to those elements automatically updated state and vice versa. However, the method we used ...
Adding a Windows Universal Version to your Existing React Native App in VirtualBox
Last time, we looked at how to build a Universal Windows Platform app in React Native in VirtualBox with a Windows 10 Developer VM. In this article, we’ll look at how to add the Windows ...