#​252 — August 18, 2021

Read on the Web

React Status
⚛️ Your weekly React news digest, every Wednesday

Next.js 11.1 Released — The popular React framework takes a few steps forward with experimental ES modules support, a new integration with swc to ultimately replace JS tooling (Babel and Terser), faster data mapping and source maps, and more.

Vercel

React Conf 2021 Call for Speakers — React Conf is back for 2021 on November 9 and it will remain a virtual conference for this year, so wherever you are you can take part. Fancy speaking? The CFP is open until August 23 — so you've got only a few days left to submit a proposal.

React Conf

Seamless Image Cropping & Resizing in React Applications — Learn cropping strategies to deliver the perfect image in your React applications. No more worries about resizing; optimize images on the fly with ImageKit. Bonus learning: Overlay & format conversion techniques.

ImageKit.io sponsor

A Visual Guide to React Rendering — useMemo — The third part of a series which employs simple animations to clearly illustrate the rendering behaviour of React. There's also a fourth part on useCallback if you're eager for more.

Alex Sidorenko

Announcing React Native 0.65 — The VM within React Native has had an upgrade and now has ES i18n API (Intl) suport, supports M1 Macs and Mac Catalyst, has a much faster garbage collector, and more, including accessibility improvements.

Luna Wei and Facebook

▶  Getting Hooked on React — Episode #186 of the JS Party podcast features Kent C. Dodds, Emma Bostian, and Nick Nisi in an engaging, wide-ranging discussion on React.

JS Party podcast

Jobs

Senior Front-End Software Engineer (US/Poland/Remote) — Backed by Sequoia Capital and Coatue. We're looking for JS experts to join the team building the world's largest B2B marketplace.
Knowde

Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.
Hired

Guidelines (from the 1970s!) on How to Split Your React Components — Some interesting ideas extracted from a 1970s paper: “Designing Software for Ease of Extension and Contraction” by David Parnas.

João Forja

▶  Next.js Authentication with NextAuth.js — A DigitalOcean tech talk on adding authentication to Next.js apps with NextAuth.js, an open-source auth tool that’s flexible, easy to use, and secure, while using Postgres as your database.

Chris Sev

Beyond onClick: Handling Events in React

Lightstep sponsor

Google Flutter Now Rivals Facebook’s React Native in Dev Use — Is the predominance of React Native seriously under threat from Flutter? Here's a data point.

Lawrence E. Hecht

What Are Higher-Order Components in React?
Queen Nnakwue

Handling Mounting and Unmounting of Navigation Routes in React Native
Daniel Don

🛠 Code and Tools

React Joyride: Create Guided Tours in Your Apps — Uses react-floater to position and style floating ‘tour guide’ elements. Want a demo? Of course you do.

Gil Barbara

React Date Picker 4.2.0: A Simple and Reusable Date-Picker Component — A mature option that continues to get frequent updates. Demo here.

HackerOne

styled-jsx 4.0: Full CSS Support for JSX Without Compromises — Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).

Vercel

React JSX Highcharts — An approach to integrating Highcharts with React based on creating equivalent React components for each Highchart component – how does it differ to other such libraries? "Unlike other React Highcharts wrapper libraries, React JSX Highcharts is designed to be dynamic - it is optimised for interactive charts that need to adapt to business logic in your React application."

Will Hawker

rc-tabs — From the Ant Design ecosystem: a component for the time-tested method of optimizing screen real estate using navigation tabs. Storybook here.

react-component

vue-advanced-chat 1.1.0 — This React-compatible (despite the name!) chat component fully implements real-time chat, as illustrated with their demo.

Antoine Dupont

react-native-safe-area-context — Handling safe area insets can be something of a housekeeping headache: this library looks after many of the details for you. Works on iOS, Android, and the web.

Th3rdwave

⚡️ Quick Bits: