React Newsletter #161

2-hour GraphQL course for React developers, GraphQL vs REST, and UI animations in React


Articles

2 hour GraphQL course for React developers

GraphQL is becoming the new way to use APIs in modern web and mobile apps. However, learning new things always takes time and without getting your hands dirty it’s very hard to understand the nuances of a new technology. So, Hasura put together a powerful and concise course that will introduce you to GraphQL and integrating GraphQL into your frontend stack, in the shortest amount of time possible.

GraphQL vs REST: putting REST to rest

When you need to build an API, your mind will likely jump to REST, the de facto standard for API creation. However, this is about to change with GraphQL, as its popularity quickly rises. The goal of this post is to provide a brief explanation to anyone who still hasn't got to know GraphQL, and clarify exactly what it does better than REST, for those who are still skeptic about this technology.


Tutorials

UI Animation in React

In this post you'll take a look at a demo React app and explore how adding animations to situations when UI changes can result in a more polished experience. You’ll try to do so in a way that means reusing animations so that the result is a more consistent style of animation through the app, and you'll take a look at a handy little React package we can use to make animations easier.


Sponsor

Land A New Job Through Vettery

Vettery specializes in developer roles and is completely free for job seekers. Interested? Submit your profile, and if accepted, you can receive interview requests directly from top companies seeking React devs. More info.


Projects

Reintroducing React: every React update since v16 demystified.

In this well-explained book, Ohans Emmanuel discusses every React update since v16. He covers changes from the new lifecycle methods to implementing advanced react patterns with Hooks.

The Ultimate Guide To Learning Code And Getting Paid

The title says it all. This isn't necessarily React related, but it's very in depth and I know a few of you will find it valuable.

react-virtuoso: An elegant virtual list component for React

React Virtuoso is a simple, easy to use React component made to render huge data lists. Out of the box, Virtuoso:

  • Handles gracefully variable sized items; no manual measurements or hard-coding of item heights;
  • Automatically handles content resizing;
  • Can optionally render footer at the end of the list;
  • Supports pinning of the first N items to the top of the list.

Reakit

A very impressive toolkit for building accessible rich web apps with React.


Videos

Rendering on the Web: Performance Implications of Application Architecture

One of the core values of the web is its accessibility: the same medium can be used to deliver content that adapts to different devices, capabilities and connection types. This variability needs to be factored into every architectural decision that is made. Luckily, frameworks are here to help.This talk will showcase upcoming framework features that reduce the impact of architectural constraints and potentially improve performance beyond what is possible today.


made with ❤️ by ui.dev