React Newsletter #81

React PWA, two tips to improve performance with React and Webpack, and React animations in depth


Articles

React Progressive Web Apps — Part 1

Progressive Web Apps (PWA) are gaining a lot of popularity these day, and with one of the updates this year (2017), the Create React App creates your project by default as PWA. If you're new to PWAs and want to understand more about how they work with React, this article should help.

Two Tips to Improve Performance by 30% With React and Webpack

Performance should always be at the top of your agenda. In this post, Teachers Pay Teachers will talk about the front-end optimizations they made to their recently updated product page to boost their webpagetest Speed index performance by 30%!

A React Take on The Notorious B.I.G.’s 10 Crack Commandments

Great music is timeless. Often times, great rap lyrics can still be relevant today and even re-interpreted to fit other topics. What if we take a great song, such as Ten Crack Commandments by The Notorious B.I.G. and apply it to starting off with React development?


Tutorials

React Animations in Depth

There are numerous options for animating your UI in a React app. This article demonstrates 6 different ways to perform animations, and the pros and cons of each.

Learn How To Build: Astronomy Picture Of The Day App with NASA API and React + Redux

Still new to React and Redux? This tutorial may help you out. Learn how to build an astronomy picture of the day app with the NASA API, React, and Redux.


Projects

Electron Desktop GUI for Webpack Dashboard

The original webpack-dashboard, was fun and people seemed to like it. Unless they were on Windows, or used a weird terminal set up, or if they just wanted more. Making things work across a variety of different terminal environments is pretty rough. Also, a web GUI provides some unique UI possibilities that weren't there with the term display. So here we are. The original dashboard felt like working at NASA. 50 years ago. I hope this dashboard feels like working at NASA today. Or at Westworld. Or like the beginning of Westworld at least.

graphql-config

The easiest way to configure your development environment with your GraphQL schema (supported by most tools, editors & IDEs)

react-beautiful-dnd

Beautiful, accessible drag and drop for lists with React.js


made with ❤️ by ui.dev