Want to speak at the online React Conf 2021?
#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.
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.
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.
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.
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
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.
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.
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.
▶ 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.
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
🛠 Code and Tools
React Date Picker 4.2.0: A Simple and Reusable Date-Picker Component — A mature option that continues to get frequent updates. Demo here.
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).
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.”
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.
⚡️ Quick Bits:
Google Maps Search Component for React Native — Add geographic autocomplete, powered by Google Maps, to your React Native apps.
React Image Pan, Zoom & Rotate — All the basic image navigation functionality you likely need.