#252 — August 18, 2021 |
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 — 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 |
|
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?
|
Handling Mounting and Unmounting of Navigation Routes in React Native
|
🛠 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 |
|