React Newsletter #223

A gentle intro to Webpack, how to useMemo in React, and how to set up a Google login in React Native & Firebase


News

React Native Team Principles

"The React Native team at Facebook is guided by principles that help determine how we prioritize our work on React Native. These principles represent our team specifically and do not necessarily represent every stakeholder in the React Native community. We are sharing these principles here to be more transparent about what drives us, how we make decisions, and how we focus our efforts."


Articles

Webpack: A Gentle Introduction

A gentle introduction to why Webpack exists, what problems it solves, and how to use it.

Guide to React Context

In this post you'll learn why, how, when, and when not to utilize React's Context API.

How to useMemo in React

React's useMemo Hook can be used to optimize the computation costs of your React function components. In this article, Robin Wieruch walks through an example component to illustrate the problem first, then solves it with React's useMemo Hook.

Five common mistakes writing react components in 2020

In this article, Lorenz walks through the most common mistakes he has found while writing React components and how to fix them.


Tutorials

How to Set Up Google Login in React Native & Firebase

React Native and Firebase make the implementation of Google login pretty straightforward. This tutorial walks you through the process of building a simple app that only has a single Google login button. Once the user successfully logs into Google, the app will display the user info retrieved from their Google account as well as a logout button.


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

GraphQL first full-stack starter kit

The main purpose of this repository is to provide a scalable "batteries included" full stack starter kit which follows good architecture patterns (might be opinionated) and code decoupling which becomes significant as the project grows or new developers are onboarded.

useHooks

Oldie but a goodie. This website by Gabe Ragland provides easy to understand code examples to help you learn how some common hooks work. It might inspire you to take advantage of them in your next project.

UI Playbook

A well-documented collection of common UI components that’s still being added to.


Videos

Recoil.js in 10 minutes

This video gives a quick introduction to Recoil.js, the new React state management library developed by an internal team at Facebook (not the React team).

GPT-3 can generate a React app from natural language description

Well, it's been a good run everyone.


made with ❤️ by ui.dev