React Newsletter #130

Creating flexible and reusable react file uploaders, how to use the new React Context API, and react-suspense-starter


Articles

Creating Flexible and Reusable React File Uploaders

The Event Creation team at Eventbrite needed a React based image uploader that would provide flexibility while presenting a straightforward user interface. The image uploader components ought to work in a variety of scenarios as reusable parts that could be composed differently as needs arose. This post walks through how they solved this problem.

How To Use the New React Context API

Over the past six months, there has been plenty of hype about the new Context. At the end of this post, you’ll know what it is, whether and when you should use it, and how to implement it in your applications.


Projects

react-suspense-starter

If you don't want to wait until October to play around with Suspense, check out this project.

react-async-elements

Suspense-friendly async React elements for common situations

Evergreen React UI Framework by Segment

Evergreen is a React UI Framework for building ambitious products on the web.

MDX

A fully-featured MDX parser, loader, and JSX renderer for ambitious projects.


Videos

Algebraic effects, Fibers, Coroutines Oh my!

React Fiber was a full re-write of React that will enable new and exciting patterns around control flow, which we've seen previewed with React Suspense. But what is a fiber? How does it relate to a coroutine? What are algebraic effects, and why do I keep hearing about them? This talk will go over these computer science topics in the context of React Fiber, to help shed some light on how React Fiber is implemented and the control flow concepts behind the new APIs.

Simply React

Don't you love how easy it is to encapsulate UI code into a React component? I do! Despite this, making those same components reusable can be a challenge. Our components often start simple, but then they have to adapt as unforeseen use cases come up. This often results in a growing list of props and complex implementation full of if statements and a confusing API. An inevitable rewrite of the component eventually hits and now we have two problems. In this talk you'll take a step back and consider some things we can do upfront to keep our components flexible, simple, and optimized for inevitable change.


made with ❤️ by ui.dev