React Newsletter #159

React navigation vs. React Native navigation, useReducer vs useState in React, and learning about GraphQL


Articles

Introducing Base Web, Uber’s New Design System for Building Websites in React

At Uber, they have hundreds of internal web applications used by developers, product managers, and operations teams—essentially everyone at the company. Since all web applications work differently, it puts additional overhead on our employees to learn how to interact with them most effectively. To solve these issues, Uber assembled a dedicated design and engineering team to come up with a universal system, which resulted in the Base Web design system. Open sourced in 2018, Base Web is a React component library implementing the Base design language that acts as a device-agnostic foundation for quickly and easily creating web applications.

React Navigation vs. React Native Navigation: Which is right for you?

The title says it all. If you're using React Native and wondering which router to use, this post will help you make an informed decision.

useReducer vs useState in React

Since React Hooks have been released, function components in React can use state and side-effects. There are two main hooks that are used for modern state management in React: useState and useReducer. This tutorial doesn’t explain both React hooks in detail, but explains their different use case scenarios.


Sponsor

Animating React a new tutorial series from Level Up Tutorials

Become a master of practical interface animations with React Spring. In Animating React, Scott Tolinski's latest series by Level Up Tutorials, we'll learn how to animate modals, menus, height auto, waypoints, dragging gestures, React Router transitions and much, much more. Learn more.


Projects

Introducing Brushable Histogram

The brushable histogram is a React component that renders a time histogram with a preview of the whole data below it (demo).

Base Web

Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.

Effector: powerful and fast 5kb state manager

Effector is a state manager for any JavaScript app (React/Vue/Node.js). It allows you to manage data in complex applications without the risk of inflating the monolithic central store.

Key features:

  • framework agnostic
  • multiple stores
  • statically typed (TypeScript/Flow/Reason)
  • computed values (no need for memoization)
  • side-effect management (async actions)
  • less boilerplate by design
  • small size

Videos

React Finland 2019

If you weren't able to make it out to React Finland, here are all of the talks from this year.

Learn GraphQL

In this free video course, you'll learn the fundamentals of GraphQL and build a GitHub Activity Feed app with React, GraphQL and Apollo Client.

Building the New facebook.com with React, GraphQL and Relay

Open source projects like React, GraphQL and Relay are powering more and more Facebook services. In this session at f8 (Facebook's developer conference), they discussed how they use the latest features of these technologies, like React Suspense, to help deliver a high quality, modern web experience at Facebook.


made with ❤️ by ui.dev