React Newsletter #167

Thinking in effects, the 10 component commandments, adding netlify identity auth to a React app


Articles

Forget about component lifecycles and start thinking in effects

React recently introduced a new way to deal with side effects: the useEffect hook. Translating lifecycle methods to useEffect calls can be confusing at first. It’s confusing because we shouldn’t be translating imperative lifecycle methods to declarative useEffect calls in the first place. This article breaks it down.

The 10 Component Commandments

Creating components that are used by a lot of people is hard. You have to think pretty carefully about what props you should accept, if those props are supposed to be part of a public API. This article will give you a quick introduction to some best practices within API design in general, as well as the definite list of 10 practical commandments you can use to create components that your fellow developers will love to use.


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.


Tutorials

Add Netlify Identity Authentication to any React App in 5 minutes with React Context, Hooks and Suspense

This article is about effective design patterns for introducing authentication into React apps, and any reader should be able to write similar wrappers for their preferred provider.


Projects

react-native-firebase

A well tested feature rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for over 20 Firebase services.


Videos

GraphQL: The Documentary

Starring Lee Byron, Dan Schafer and Nick Schrock (co-creators of GraphQL) and other big names from the GraphQL community, "GraphQL: The Documentary" explores the story of why and how GraphQL came to be and the impact it's having on big tech companies worldwide, including Facebook, Twitter, Airbnb and Github.

Upload Youtube Videos with React

Want to upload videos with React directly to Youtube? In this tutorial, we'll use React.js and Node.js to upload videos using Google OAuth, Multer, and more.

React Fiber Deep Dive with Dan Abramov

Jani and Phil got a problem. There are too many divs! With the help of Jenn Creighton and special guest Dan Abramov, we learn how to hack React Fiber reconciler internals to make the world a less div-ided place.


made with ❤️ by ui.dev