React Newsletter #174

Why React hooks, Using TypeScript with React, and Logi-less JSX


Articles

Why React Hooks?

When React Hooks were released, React was the most popular and most loved front-end framework in the JavaScript ecosystem. In this post, you'll learn why, despite existing praise, the React team dedicated so many resources to creating and releasing Hooks. Along the way, you'll also get a soft introduction to the main aspects of the Hooks API.

Using TypeScript with React

This post is based on a talk Simon gave at the React JS & React Native Bonn Meetup. It aims to answer the following questions:

  • What’s TypeScript?
  • How can I use it with React?
  • Why should I (not) use it?

Logic-less JSX"

JSX code can become messy and hard to read as components grow. This article presents some approaches to extract the logic away from it and keep it simple.


Tutorials

Animating a Canvas with React Hooks

A recent React-based client project of Pete's required an HTML5 canvas animation. Already knee-deep in the new React hooks API, he decided to forgo the “traditional” technique of using componentDidMount and componentWillUnmount in a class-based component, and try his hand at rendering and animating a canvas using React’s new useEffect hook. This tutorial walks through the process.


Sponsor

Get 40% off your entire Manning.com order!

Looking to make your web apps shine? Whether you use React every day, or are looking to build up your web dev skills with the latest modern techniques, at Manning Publications we’re always looking for ways to help developers grow. To help, we’d like to offer you 40% off everything in our entire catalog, including the following selection of books and video courses!

Just use the code reactnews40 when you checkout to save 40%. When you click the Add to Cart buttons below, we’ll enter the coupon code for you automatically.


Projects

next-with-apollo-auth

A demonstration and starting point for applications using Next.js + Apollo GraphQL (hooks) + Prisma / GraphQL Yoga + JWT for authentication, and deploying to now.sh.


Videos

Realigning Your Model of React After Hooks - With Dan Abramov

In this podcast episode, Kent Dodds and Dan Abramov talk about the ways in which you'll have to reconstruct your mental model of how React works in order to get the hang of hooks, and how hooks more closely align with React's intended model.

Professional React Developer Performs Code Review

In this video, a professional React developer reviews a novice developer's React to-do App. He gives his opinion on the style, functionality and features of their code and provides feedback and suggestions on how to write better code.


made with ❤️ by ui.dev