Issue 202 - Digging into the detail of React v17 (24)

A Template for Building React Native Apps for Tizen-Based Samsung Smart TVs — One of those things you’ll know you need if you do :-) It’s rough, but if you’re targeting this platform, hopefully useful. There’s more info on this wiki page.

OverlayScrollbars: Customizable and Styleable Scrollbars — Creator Rene Haas kicked off the OverlayScollbars project with a desceptively simple premise: existing scrollbars were ugly and consume too much screen real estate. This library covers up the old scrollbars and lets you create and style new ones.

Chaskiq: Open Source Messaging Platform — We covered messaging/chat newcomer Papercups in last week's issue, this is another alternative in that space worthy of consideration. It's built on top of Ruby on Rails and React.

Flareact: An Edge-Rendered React Framework Built for Cloudflare Workers — Features file-based page routing with dynamic page paths and edge-side data fetching APIs.

The Six Main Changes in React 17 — Last week, we covered the late breaking news of React v17.0's first release candidate. Since then, folks have had a chance to go through the details and distill them into succinct talking points. It might be a 'no new features' release, but there are subtle changes.

Storybook 6.0: Production-Grade Component Development — Storybook is a widely-adopted and well-regarded open source library for UI compenent development. This major new release is aimed squarely at the requirements of the professional frontend developer community.

▶  Let’s Build a React Data Grid with KendoReact — The data grid is a key UI component used in most business apps. In this video, TJ demos how to implement the KendoReact Data Grid and how to work with some of its most used features, such as paging, filtering and theming. Watch it now.

An Open Letter to the Gatsby Open Source Community — One of the founders of GatsbyJS offers a suprisingly candid response to community concerns about how Gatsby contractors (and employees) have been treated in the past, as well as the natural friction between an open source project and its associated company. Kyle Matthews also offers some thoughts regarding the future of their open source...

Dash: Dropdowns, Sliders, and Graphs for Your Analytics Code — Built in conjunction with React, this popular library will supercharge your data analysis and presentation. The samples are quite impressive.

Build a React Application with Amazon Web Services — For nearly two decades AWS has offered cloud services which power countless numbers of web apps/services. Entry level pricing is very affordable (it might even be free) so why not consider making your next React app powered by AWS? Here’s how.

Animating List Reordering with React Hooks — There seems to be no end to the uses for React Hooks. Starting with an Instagram Story-inspired bubble component, this article describes how Hooks are used to smoothly swap the bubble elements in a visually pleasing way. It may inspire your own similar efforts.

Building a Button with Adobe Spectrum — Back in React Status #198 we led the issue with news of the release of Adobe’s React Spectrum. In the first part of a series of articles, this experienced Adobe engineer goes through the implementation details for Press Events.

TypeScript 4.0 Finally Delivers What I’ve Been Waiting For — There is also a new release (candidate) of Microsoft’s TypeScript. In the author’s response to his article’s title, he makes the case for labeled tuple elements: in short, there are now labels in TypeScript parameter lists which are actually meaningful. Finally indeed.

How to Configure HTTPS in a React App on localhost — The local instance of the app you built with create-react-app only runs insecure HTTP by default. Today’s internet unequivocally demands https, so here are the steps required for the suprisingly tricky configuration to get production like security on localhost.

▶  From Web Comics to React Core with Rachel Nabors — In case you think online communities just happen (like they did in the early days–sort of) today there are few organizations which can afford to leave community development to the vagaries of random chance. That’s really just the beginning of the story of how Rachel Nabors came to be working for Facebook in London....

▶  React 17’s Best New Feature: Gradual Upgrades — React 17 boasts ‘no new features’, but this isn’t entirely true – what’s new is just more subtle and will still benefit you.

Records and Tuples for React — A look at a proposal currently progressing smoothly through TC39 and how records and tuples may eventually prove interesting for use with React.

ts-migrate: A Tool for Migrating to TypeScript At Scale — Learn about how Airbnb used codemods to accelerate migration from JavaScript to TypeScript and how their new ts-migrate tooling (GitHub repo) can help with the process.

Semantic UI React: The Official React Integration for Semantic UI — Amazon, Netflix and Microsoft are amongst the many companies using Semantic UI for both internal and customer-facing applications. It’s a natural complement for React using this ‘factory-authorized’ integration.

zustand: Yet Another State Management Solution? — There’s room for yet another state management solution, right? Well, maybe. But only if it’s small, fast and scaleable, all of which zustand claims to be. It also eschews boilerplating and opinionated code, which might also come as a pleasant change as compared to the alternatives.

Building Chat with React? Stream Chat Has You Covered — Have a look at our interactive chat tutorial in React and learn how to build with Stream Chat.

React Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.