React Newsletter #116

Route config with React Router v4, React context in the world of component composition, and how to master advanced React design patterns with Render props


Articles

Route Config with React Router v4

React Router moved away from a route config approach to routing to a component based approach. However, if you need it, you can still have a central route config with React Router. In this post, we'll walk through how by breaking down the 'Route Config' example on the React Router docs.

React Context in the World of Component Composition

The React documentation, as well as other examples that show the use of Context, describe cases where common data such as locale or theme is stored on a higher level of the tree and is consumed, using the API, by components further down. In this post, Boris will try to describe a different approach to using Context, and the benefits of it when thinking of component composition.

How To Master Advanced React Design Patterns: Render Props

Render props still a bit confusing? This article does a really great job of breaking them down in an easily consumable way.

You Don’t Need Redux, MobX, RxJS, Cerebral

This article talks about using a pattern over a library for state management. Using a pattern instead of a library means that you have more freedom. You are not dependent on a library’s features, bug fixes, and release dates. You are not worried about backward compatibility, deprecation, upgrade migration paths, or project abandonment. You are never waiting for a missing feature.


Tutorials

A complete React with Apollo and GraphQL Tutorial

In this tutorial, you will learn how to combine React with GraphQL in your application by using Apollo. Whereas the whole Apollo toolset can be used to create a GraphQL client, GraphQL server and other complementary applications, you will use Apollo Client only for your React client-side application in the following application. Along the way, you will build a simplified GitHub client that consumes GitHub’s GraphQL API by using Apollo and not plain HTTP requests as in a previous application.


Sponsor

Learn Microservices with Docker, Flask, and React

Learn how to build, test, and deploy microservices powered by Docker, Flask, React, and AWS!


Projects

react-in-patterns

A free book that talks about design patterns/techniques used while developing with React.

RSUITE

RSUITE (React Suite) is a set of react component libraries for enterprise system products. Built by HYPERS front-end team and UX team, mainly serving company's big data products.

Practice GraphQL

Learn GraphQL by querying a schema based on JSON data

Proton Native

Create native desktop applications through a React syntax, on all platforms.


made with ❤️ by ui.dev