React Newsletter #190

The problem with React's Context API, managing globabl state with Context API and Hooks, and a simple budgeting app project for shared expenses


Articles

The Problem with React's Context API

React’s context API is awesome. As someone that looked at Redux as a junior developer and instantly felt defeated, learning about context was a relief for Lee. He used it in his apps, quickly forgot about Redux, and never looked back. That is, until he heard about the supposed performance problems with the Context API. Now, the big names in the React community will tell you not to worry about performance unless you start seeing issues. And yet, he kept hearing about context problems from other developers. One fellow even mentioned his boss banning the use of Context on their project. This post dives into those problems and what to look out for.

Manage Global State with Context API and Hooks

For quite some time, Redux has been React developers go-to library for managing their app’s global state. It’s a great tool – but do you really need it?


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.


Tutorials

Strapi open source Node.js Headless CMS Build a blog using Strapi, Next.js and Apollo

Using a headless CMS like Strapi with Next.js enables content managers and developers to work better together. This tutorial will show you how to build a blog using Next.js (React.js) for the frontend, Apollo for requesting the Strapi API and Strapi as the CMS.


Projects

gatsby-remark-embedder

Trying to embed well known services (like CodePen, CodeSandbox, Slides, SoundCloud, Spotify, Twitter or YouTube) into your Gatsby website can be hard, since you have to know how this needs to be done for all of these different services.

BudgetDuo | Simple budgeting app for shared expenses

BudgetDuo is a simple, well-designed web app for calculating how much you and your partner should contribute towards shared expenses. Built with React, Redux, and Firebase.


Videos

My Software Engineer Salary History as a React Developer - Do You Earn More Than Me?

A complete run down of every salary Matt has had as a React Developer. Nothing held back, just real numbers.

GraphQL, Apollo Server 2, and Black-box Testing

In this video, you'll walk through how to use Apollo Server 2 and GraphQL by setting up a GraphQL schema that represents the structure of your data set, while also looking at TypeDefs. You'll learn how to use GraphQL to consolidsate numerous APIs into one source.

Building resilient frontend architecture

In this talk from GOTO Berlin 2019, Monica walks through specific practices and techniques developers can use to preserve their frontend application's architecture over time, especially as the dev team grows. She discusses why developers tend to rewrite code over and over again, and gives three specific "enabling constraints" developers can place on their applications to ensure they evolve in a more sustainable way.


made with ❤️ by ui.dev