React Newsletter #95

React v16.2.0, immutable updates in React and Redux, and server-side rendered stypled-components with Nextjs


News

React v16.2.0: Improved Support for Fragments

React 16.2 is now available! The biggest addition is improved support for returning multiple children from a component’s render method, called fragments.


Articles

How to Work with Forms, Inputs and Events in React

This article covers how to capture text input and input via other form elements like , , and . Working with them is paramount to web development because they allow our applications to receive data (e.g. text) and actions (e.g. clicks) from users.

Immutable Updates in React and Redux

Immutability is kind of hard to wrap your head around at first. It seems like a paradox. Changing the data without changing the data? Huh? On top of that, writing code to do immutable state updates is tricky. In this article you will find a few common patterns for dealing with immutability.


Tutorials

Server-side rendered styled-components with Nextjs

Out of the box, Next.js comes configured with styled-jsx. But what if you want to use something else for styling? This tutorial will walk you through how to use Styled Components with Nextjs.

Securing a React Web App With Authorization Rules

Authentication and Authorization rules are THE MOST IMPORTANT security considerations when building a production app, yet they are often left out as a second thought. In this post, you'll be building authentication (Who are you?) and authorization (Are you allowed to see this?) flows to a TodoMVC react app.


Sponsor

Get started with LogRocket for free

LogRocket records everything that happens on your site. Watch pixel-perfect video of what the user saw. See console logs, network requests, application state and browser metadata. Understand the root cause of bugs and support tickets quickly. Get started with LogRocket for free


Projects

Want to ship better React Native apps faster? Meet App Center.

From the creators of CodePush. Ship better apps faster by connecting your app’s GitHub repo and automating the rest. After pushing new code, App Center can build your app in the cloud, test it on thousands of real iOS and Android devices, release to beta testers, app stores, or CodePush, and monitor production with crash reports and analytics. Start for free.

React Final Form

High performance subscription-based form state management for React.

ReactPrimer

React component prototyping tool that generates fully connected class component code.

react-spotify: A Spotify client built with React / Redux

A React front end client that communicates with the Spotify API.


Videos

The Why and How of ReasonML

This talk is a general introduction to ReasonML and ReasonReact. Created by Facebook, ReasonML is a syntax layer and toolchain for OCaml and yet another compile-to-JavaScript, typed language.


made with ❤️ by ui.dev