React Newsletter #278

React Native v0.65 release, how one conditional can entangle your React app, and how to create your own version of React from scratch


Get Retool free for up to a year and $160,000 in startup discounts.

Why spend so much time on internal tooling, CRUD apps, and dashboards built from scratch? Retool is a 10x faster way to build custom internal tools, and now it's free for early-stage startups to use for up to a year.

They've also created a deal book worth $160K in startup discounts to give startups access to the tools they need for great internal tools, for free.

👉 Get your discount.


News

React Native releases v0.65

Highlights include:

  • New upgrades to the Hermes engine with a way faster garbage collector named Hades
  • ECMAScript Internationalization API
  • Improved accessibility

The React Native team also released a new React Native Roadmap for the rest of 2021.


Articles

Guideline from the 70's on how to split your React components

In this article, João Forja presents a guideline to validate ideas on splitting a React component to increase code reuse and reduce maintenance costs. This guideline comes from the paper “Designing Software for Ease of Extension and Contraction” written in 1979 by David Parnas.

How One Conditional Can Entangle Your React App

This article by Jason Lee Hodges is a cautionary exploration of how a lack of intentional composition can negatively impact your React project.

React polymorphic components with TypeScript

A polymorphic component is a popular React pattern that lets you specify which HTML tag to use for rendering your component using as prop. In this article, Iskander Samatov explains how the flexibility of the polymorphic component also makes it easy to misuse, and how TypeScript can help.

GSAP + React, First Steps & Handy Techniques

GSAP is a robust web animation tool-set, and this guide will help you get started using GSAP in a React project. Think of it as a collection of recommended techniques and best practices to use in your projects.


Tutorials

Creating Our Own React From Scratch

In this tutorial, Wim Jongeneel helps to demystify React by walking you through how to build your own version, including a virtual DOM, stateful components and lifecycle hooks.

Easy Drag and Drop in React

Liad Shiran explains the basics of the open-source library, react-dnd (version 14.0.2 as of now) and shows a few helpful, up-to-date code examples.


Jobs

2x Sr. Frontend Engineers - React | 100% Remote

Close.com is looking for two experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. They are a 100% globally distributed team of ~45 high-performing, happy people that are dedicated to building a product our customers love.


Projects

React Desktop

A collection of React UI Components for macOS High Sierra and Windows 10.

React Navigation 6.0

This library provides simple routing and navigation for React Native and Expo apps. Updates to v6.0 include more flexible navigators, an elements library, simplified APIs for existing functionality, and more.


Videos

Alpha preview: Using React with importmaps on Rails 7

In this 13-minute video, DHH (the creator of Ruby on Rails) demonstrates how you could use React with Rails 7 by skipping the transpilation step.

React Security Crash Course 2021

This 45-minute video from Techbase will teach you more about how to secure and scan your React apps for common security problems.

made with ❤️ by ui.dev