--- title: "Want to speak at the online React Conf 2021?" publication: "React Status" issue: 252 published_at: "2021-08-18" canonical_url: "https://react.statuscode.com/issues/252" --- Plus 1970s advice for splitting components, Next.js 11.1, and a way to create 'guided tours' in React apps. | #​252 — August 18, 2021 [Read on the Web](https://react.statuscode.com/issues/252) React Status ⚛️ _Your weekly React news digest, every Wednesday_ [Next.js 11.1 Released](https://nextjs.org/blog/next-11-1) — The popular React framework takes a few steps forward with experimental ES modules support, a new integration with [swc](https://swc.rs/) to ultimately replace JS tooling (Babel and Terser), faster data mapping and source maps, and more. Vercel [React Conf 2021 Call for Speakers](https://reactconf2021cfp.splashthat.com/) — 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 [![\](https://copm.s3.amazonaws.com/3a921d35.jpg)](https://imagekit.io//blog/image-cropping-in-react-application/?utm_source=Cooperpress&utm_medium=email&utm_campaign=Reactstatus_newsletter&utm_content=PrimaryLink_Serverlessimagetransformations) [Seamless Image Cropping & Resizing in React Applications](https://imagekit.io//blog/image-cropping-in-react-application/?utm_source=Cooperpress&utm_medium=email&utm_campaign=Reactstatus_newsletter&utm_content=PrimaryLink_Serverlessimagetransformations) — 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`](https://alexsidorenko.com/blog/react-render-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`](https://alexsidorenko.com/blog/react-render-usecallback/) if you're eager for more. Alex Sidorenko [Announcing React Native 0.65](https://reactnative.dev/blog/2021/08/17/version-065) — 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](https://changelog.com/jsparty/186) — 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)](https://grnh.se/58ae674c3us) — 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](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — 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](https://joaoforja.com/blog/guideline-on-how-to-decompose-a-react-component/) — 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](https://www.digitalocean.com/community/tech_talks/next-js-authentication) — A DigitalOcean tech talk on adding authentication to Next.js apps with [NextAuth.js](https://next-auth.js.org/), 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](https://go.lightstep.com/register-beyond-onclick-guide-co21?utm_campaign=react&utm_source=cooper&utm_medium=Email) Lightstep sponsor [Google Flutter Now Rivals Facebook’s React Native in Dev Use](https://thenewstack.io/google-flutter-now-rivals-facebooks-react-in-developer-use/) — Is the predominance of React Native seriously under threat from [Flutter](https://flutter.dev)? Here's a data point. Lawrence E. Hecht [What Are Higher-Order Components in React?](https://blog.openreplay.com/what-are-higher-order-components-in-react) Queen Nnakwue [Handling Mounting and Unmounting of Navigation Routes in React Native](https://www.smashingmagazine.com/2021/08/mounting-unmounting-navigation-routes-react-native/) Daniel Don 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/mb7lhwrhfmlt2oe7mn36.jpg)](https://github.com/gilbarbara/react-joyride) [React Joyride: Create Guided Tours in Your Apps](https://github.com/gilbarbara/react-joyride) — Uses [react-floater](https://github.com/gilbarbara/react-floater) to position and style floating ‘tour guide’ elements. Want a demo? [Of course you do](https://react-joyride.com/). Gil Barbara [React Date Picker 4.2.0: A Simple and Reusable Date-Picker Component](https://github.com/Hacker0x01/react-datepicker) — A mature option that continues to get frequent updates. [Demo here](https://reactdatepicker.com/). HackerOne [styled-jsx 4.0: Full CSS Support for JSX Without Compromises](https://github.com/vercel/styled-jsx) — Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Vercel [React JSX Highcharts](https://github.com/whawker/react-jsx-highcharts) — An approach to integrating [Highcharts](https://www.highcharts.com) 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](https://github.com/react-component/tabs) — From the [Ant Design](http://ant.design) ecosystem: a component for the time-tested method of optimizing screen real estate using navigation tabs. [Storybook here](https://tabs.react-component.vercel.app/?path=/story/rc-tabs--readme). react-component [vue-advanced-chat 1.1.0](https://github.com/antoine92190/vue-advanced-chat) — This React-compatible (despite the name!) chat component fully implements real-time chat, as illustrated with their [demo](https://antoine92190.github.io/vue-advanced-chat/). Antoine Dupont [react-native-safe-area-context](https://github.com/th3rdwave/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](https://github.com/FaridSafi/react-native-google-places-autocomplete) — Add geographic autocomplete, powered by Google Maps, to your React Native apps. - [react-use-promise](https://github.com/bsonntag/react-use-promise) — A hook for [Promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise), a common JavaScript construct for handling asynchronous operations. - [React-Auto-FormGenerator](https://github.com/zayn-m/react-auto-formgenerator) — Generate forms from an array of field definitions, as illustrated in the [demo](https://zayn-m.github.io/react-auto-formgenerator/?path=/story/forms--user). - [React Image Pan, Zoom & Rotate](https://www.npmjs.com/package/react-image-pan-zoom-rotate) — All the basic image navigation functionality you likely need. - [React Swipeable](https://www.npmjs.com/package/react-swipeable) — [Formidable Labs](https://formidable.com)' hook for handling swipe events. This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom