React Newsletter #121

Writing maintainable styles and components with CSS Modules, why to use GraphQL and avoid REST APIs, and tips on React for large scale projects


Articles

Writing maintainable styles and components with CSS Modules

When styling components, worrying about naming collisions, deep nesting for selector specificity and knowing when it’s 100% safe to remove a style shouldn’t be a concern. That time and energy should be focused on the specific component styles. CSS Modules is a simple tool which solves all of these problems.

Why I use GraphQL and avoid REST APIs

REST is dead. jk. But here's Max's reasoning for why he prefers to use GraphQL and avoid RESET APIs.

Tips on React for large scale projects

This article was born to give enlightening recommendation for front-end developers on how you should organize your project if you want it to feel less painful and more scalable/clean as well.

Structuring projects and naming components in React

As React is just a lib, it doesn’t dictate rules about how you should organize and structure your projects. In this post, Vinicius will show some approaches that he has been using for a while and have been scaling well


Tutorials

The definitive guide to React Material

Material Design is a design language that was first introduced by Google in 2014. It’s a visual language that makes use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. In this article, you’ll explore how to create React apps with a Material Design theme.

How to Build a Simple Blog Using React and GraphQL

In this tutorial you’re going to create a simple blog using React, GraphQL and Cosmic JS.


Projects

react-fetches

React Fetches is a simple and efficient way to make requests into your REST APIs.

react-ideal-image

A React component to asynchronously load images, which adapt based on network, which allow a user to control which image to load.


made with ❤️ by ui.dev