GraphQL – The good and the bad

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API as well as gives clients the power to ask for exactly what they need and nothing more…. Source: https://scotch.io/tutorials/graphql-the-good-and-the-bad

The Rise of Functional Components – React v16.7.0 (now with Hooks!)

For those who have been following React Conf, a new set of React features were introduced called Hooks. In this post, we’ll briefly introduce React Hooks and how to use them to code without writing a single React Class and some new improvements to Functional Components…. Source: https://blog.weareredlight.com/the-rise-of-functional-components-react-v16-7-0-now-with-hooks-90cac72b8ab7

Lazy-loading components in React 16.6

The new release of React 16.6 rolled in with some new features that can be used to add more power to React components with little amounts of effort. Two of these new features are React.Suspense and React.lazy(), which make it very easy to apply code-splitting and lazy-loading to React components…. Source: https://blog.logrocket.com/lazy-loading-components-in-react-16-6-6cea535c0b52

Houdini’s Animation Worklet

TL;DR: Animation Worklet allows you to write imperative animations that run at the device’s native frame rate for that extra buttery jank-free smoothness™, make your animations more resilient against main thread jank and are linkable to scroll instead of time…. Source: https://developers.google.com/web/updates/2018/10/animation-worklet

Testing with Jest in WebStorm

Jest, the testing platform developed by Facebook, is becoming more and more popular with each day, especially for testing React applications. Jest is fast, easy to get started with, and has lots of features (such as snapshot testing and test coverage) available out of the box…. Source: https://blog.jetbrains.com/webstorm/2018/10/testing-with-jest-in-webstorm/