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.
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:
Google Maps Search Component for React Native — Add geographic autocomplete, powered by Google Maps, to your React Native apps.
react-use-promise — A hook for Promises, a common JavaScript construct for handling asynchronous operations.
React-Auto-FormGenerator — Generate forms from an array of field definitions, as illustrated in the demo.
React Image Pan, Zoom & Rotate — All the basic image navigation functionality you likely need.
React Swipeable — Formidable Labs‘ hook for handling swipe events.