Redux and Apollo are popular implementations of Flux architecture and GraphQL respectively. A common pattern is to make a GraphQL query with data from the Redux state. If the state value changes, Apollo should re-run the query and the new data should be reflected in the UI. Read more on Combining Redux & Apollo Containers…
Web Apps
Efficient Search Autocomplete with React-Redux & Apollo
The application I’m working on right now has a search box that makes suggestions as the user types and does quick, inline searches to provide extra-fast results. Yesterday, I talked about how we improve our timing with debouncing. Today I’ll dive into the technical details of how we built the autocomplete behavior using React–Redux and Apollo. Read more on Efficient Search Autocomplete with React-Redux & Apollo…
Azure Functions in F# (For Real)
If you’ve ever glanced at Azure Functions and F#, you might think they were made for each other. And yet if you want to create a new Azure Function project in Visual Studio, C# is apparently your only option.
Maybe someday, Visual Studio will include support for Azure Functions in F#, but for now it’s possible to get there by adapting the C# Azure Function template. After all, F# is a first-class language on the .NET CLR, and it’s all the same once it’s compiled anyway. Read more on Azure Functions in F# (For Real)…
Extending the Heroku Timeout in Node.js
Heroku will terminate a request connection if no data is sent back to the client within 30 seconds. From Heroku’s Router – HTTP timeouts documentation:
HTTP requests have an initial 30-second window in which the web process must return response data (either the completed response or some amount of response data to indicate that the process is active). Processes that do not send response data within the initial 30-second window will see an H12 error in their logs.
Type-Safe Object Merging (TypeScript 2.8 Edition)
There are times when you want to merge two generic types in TypeScript, and type inference just isn’t doing it for you. Object.assign’s typing isn’t as precise as it could be, and spreading generics still doesn’t work. I’ve found a way to implement typing when merging objects using some of the new features in TypeScript 2.8.
Read more on Type-Safe Object Merging (TypeScript 2.8 Edition)…
Avoid Careless Production Mistakes with Custom Scripts
In the wise words of @stahnma,
“Everybody has a testing environment. Some people are lucky enough to have a totally separate environment to run production in.”
Thankfully, the project I’m working on has multiple environments: production (the most recently-released version), staging (for pre-release testing), dev (for dev team use and testing), and multiple review apps (for feature validation). Read more on Avoid Careless Production Mistakes with Custom Scripts…
An Intro to HHVM and Hack for PHP
HHVM and Hack are some interesting innovations that Facebook has brought to the PHP ecosystem. In this post, I’m going to explore a few aspects about each of these technologies, including their features, development experience, and platform support. Read more on An Intro to HHVM and Hack for PHP…
Lifting Functions into Promises in JavaScript
When working on a JavaScript project, I usually spend a lot of time around promises. Lately, I’ve been using this helpful function called liftP that makes working with promises a little bit easier. Read more on Lifting Functions into Promises in JavaScript…
Redux: Re-Rendering Caused by mapDispatchToProps
I’ve worked on a couple of React/Redux projects now, and it was only recently that I realized some of the re-rendering issues I’ve run into were being caused by incorrectly using connect, and specifically the second argument to connect — mapDispatchToProps. Read more on Redux: Re-Rendering Caused by mapDispatchToProps…
Building a Family Tree with GraphQL – Part 2: Adding New Resolvers
In my last post, I described how you can build flexible APIs with GraphQL, using a family tree API as my demonstration. The implementation of the API was fairly simple, and I was able to traverse the graph of relationships between different people in the data set.
In this post, I’ll demonstrate how we can extend the same API to solve a problem with the first version. We can create new resolvers to fix a particular problem, but due to the nature of GraphQL, the same resolver can be used across many different queries. This unlocks more potential for the API without any extra development effort. Read more on Building a Family Tree with GraphQL – Part 2: Adding New Resolvers…