React Newsletter #189

create-react-app v3.3.0, getting started with animations in React, and a guide to Redux anti-pattern


News

create-react-app v3.3.0 release

v3.3.0 is a minor release that adds new features including custom templates and support for the new optional chaining and nullish coalescing operators.


Articles

Get started with animations in React | React Christmas

React Christmas is like an advent calendar, but instead of giving you a piece of chocolate every day of December, they're releasing a new React article every day of the month. This particular post walks through some of the more common use cases of Framer Motion, a popular animations library for React.


Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

react-micro-reducer

A React reducer hook, with a "micro"-reducer style, made for a Typescript world. Split your reducer into micro reducers based on actions, and avoid having one large reducer function with a switch statement.

Redux-Leaves · Write once. Reduce anywhere.

Redux-Leaves lets you 'write once, reduce anywhere'. With just 2 lines of setup, you can update an arbitrary leaf of your state tree - all without writing a single action creator yourself."

Slate: A completely customizable framework for building rich text editors

Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs without your codebase getting mired in complexity. It can do this because all of its logic is implemented with a series of plugins, so you aren't ever constrained by what is or isn't in "core". You can think of it like a pluggable implementation of contenteditable built on top of React.


Videos

React to the Future - Jordan Walke

In this talk at ReasonConf, Jordan Walke (co-creator of React and ReasonML) gives a brief history of React and offers his thoughts on the ways in which React and Reason will further impact UI programming in the future.

A guide to Redux anti-pattern

In this talk, Yazan Alaboudi discusses how Redux is an instance of a Publish/Subscribe (Pub/Sub) model. He uses that perspective to redefine what an "Action" should represent to enable scalability with ease.

Migrating to GraphQL at Airbnb

In this talk, Brie Bunge (software developer at Airbnb) shows how she and her team migrated to Apollo and GraphQL at Airbnb. She covers their use of TypeScript, incrementally adopting GraphQL in their React + Redux codebase, and lessons learned along the way to help you make a similar transition at your organization.


made with ❤️ by ui.dev