React Newsletter #128

Creating the same app in React and Vue, lessons learned using React-Redux, and real world React learnings


Articles

I created the exact same app in React and Vue. Here are the differences.

This article does a great job of breaking down the differences on some fundamental aspects of both Vue and React. Sunil builds the same app in both Vue and React and then compares them.

Lessons Learned Using React-Redux

When they first started using React with Redux at Gloat, they had a large connected container component that selected the relevant state and passed it down to all of the components under this container. This post walks through what they learned from that and their refactor to small connected components.

Real world React learnings, part one

This is the first post of a three part series explaining some lessons learned running React in production. This one specifically is centered around performance.


Tutorials

Building and Deploying a React Frontend with a Node Backend in 20 Minutes

This is a quick guide on how to create and deploy a full React frontend with a Node backend (using the Express web server). You’ll not only get the project running locally, but you’ll deploy it using Structure, a serverless platform that makes it trivial to run apps in the cloud in a production-ready way.


Sponsor

Cheat Sheet: Functional Programming with JavaScript

JavaScript developers, here’s a handy resource for your reference stack. This cheat sheet structures some of the language features most commonly used by JavaScript developers interested in writing functional style code. Check it out!


Projects

apple-music-js

A music streaming service created from the ground up using ReactJS & Redux.

react-particle-effect-button

Bursting particle effect buttons for React.

Fiora

An interesting chat application power by socket.io, koa, mongodb and React.

jsiwhitehead/refluent: An alternative chainable React component API.

Refluent is an alternative chainable API for React components, which lets you express a component as a flow of transformed props (do), gradually outputting dom (yield). Chained together, these methods allow for creating complex, efficient components without the need for classes, state, lifecycle methods, or shouldComponentUpdate.


made with ❤️ by ui.dev