React Newsletter #266

Flutter vs. React Native, the modern guide to React state patterns, and love, death & React


This week’s issue is sponsored by SyncFusion.

The Syncfusion React UI components library contains over 65 high-performance, lightweight, modular, and responsive UI components in a single package. You also get a built-in theme studio including material, bootstrap, and fabric design components.

👉 Check out their free trial.


News

Gatsby v3.6

2 major highlights: 1) Functions are now supported in Plugins & Themes and 2) New design & functionality for the Preview Status Indicator

react-hot-toast 2.0

This lightweight, customizable and hot-by-default library of notifications just released v2.0, and it's all about giving you more flexibility when creating a notification system. New features include:

  • toast.custom() - Dispatch components as toast
  • Reduced-motion support - Automatically adapts to system preference
  • Custom Renderer API - Supply your own render function
  • Individually position toasts
  • Smoother exit animations

Articles

What every React Developer needs to know about TypeScript - Part 1

This is a long, comprehensive article where Daniel takes you on a journey to try and convince you that TypeScript is worth your time as a React developer. The idea behind this article is to go through the basics of TypeScript and understand the benefits, so you can decide if you want (or not).

The modern guide to React state patterns

In this article, Fredrik Oseberg writes about what state is, how we can organize it, and the different patterns & tools you can employ as the complexity of your application grows.

Don't over-abstract your components

Kirils explains how when you're creating a new component, you are generally aiming to abstract something away. Whatever you are abstracting ends up being the component's functionality. He argues that abstraction requires a proper balance between providing some functionality, and the ability to configure said functionality and that keeping abstractions small helps to maintain that balance.

Flutter vs React Native: The Core Differences

In this article, Andrei Calazans goes over the fundamental differences between Flutter and React Native and gives you a clear guide on which one to pick, based on your scenario.


Tutorials

Using MobX for large-scale enterprise state management

The larger your application gets, the more challenging it can be to ensure that your app's state is well-structured and clearly definied. This tutorial goes over how to use MobX for large-scale applications. It focuses on how to structure app state, define relationships between data, make network calls, and load data in store.


Job Listing

Seeking Senior React, React Native, or Node Developers | 100% Remote

Looking for highly competent engineers that take pride in their craft, are never satisfied with their knowledge base, and bring enthusiasm to building applications in React, React Native, and/or Node. Ideal candidates are comfortable working in dynamic engineering environments and display strong communication and documentation skills.


Projects

Boring Avatars

A tiny React library that generates custom, SVG-based, round avatars from any username and color palette.

Berry Free React Material Admin Template

Berry is a creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-rich pages


Videos

Love, Death & React

In this 13-minute video, William Candillon shows you some cool techniques for building animations with Remotion and the React Native Web SVG library to recreate the title screen from the popular Netflix show, "Love, Death & Robots." He also spent a few minutes interviewing Jonny Burger, the creator of Remotion.

Let’s Learn Modern Redux! (with Mark Erikson)

A lot has changed in Redux since it was originally created. In this 90-minute video, Jason Lengstorf & Mark Erikson team up to teach about Redux Toolkit and React-Redux hooks.

Learn Typescript For React

Braedon Gough created this series of 31 short YouTube videos as a free workshop to help React developers become acquainted with TypeScript.

made with ❤️ by ui.dev