Digests » 202

sponsor

Have you checked your webpack bundle size lately?

Catch webpack bundle bloat before it hits your users, by using packtracker.io's pull request reporting to monitor how each individual pull request will impact your overall asset size profile. Let us analyze your bundle on every commit so you don't have to.

react

Urql—an alternative to Apollo Client for GraphQL

The initial motivation for the project was to go back to basics. urql was created out of frustration with the maximalist approach of GraphQL client libraries like Apollo and Relay. These projects are incredibly powerful, but loaded with so many features that the sheer size of their APIs (not to mention their code bundles!) raise the barrier to entry to using GraphQL in your React application.

Interesting points from Abramov’s “A Complete Guide to useEffect”

I’ve been using hooks quite a bit this year, along with redux hooks, in personal and production projects. The API is a little rough around the edges — but they generally live up to the hype. I’ve been able to refactor apps relatively seamlessly, and making all components functional is really very kewl.

How I Built This: IsraelVC — Gatsby, Google Sheets, Now Serverless

It’s a simple site: one page containing a list of the 20 most recent investments that have happened in Israel. It also has a Google Sheet connected to it which acts as the database for the site. The database contains 4000 investments. In the near future the site will show all the investments too.

React Vertex

I started working on this to try out hooks and learn more about WebGL. It quickly got out of hand. There's a lot to do still so it's unlikely to be stable for production applications until late 2019. I have a project in mind that I would like to use it for, so I'm motivated to try and knockout the items on the roadmap in the coming months.

React State with Hooks: useReducer, useState, useContext

If you haven’t used state management excessively in React Function Components, this tutorial may help you to get a better understanding of how React Hooks – such as useState, useReducer, and useContext – can be used in combination for impressive state management in React applications. In this tutorial, we will almost reach the point where these hooks mimic sophisticated state management libraries like Redux for globally managed state. Let’s dive into the application which we will implement together step by step.