--- title: "Who forgot about React Forget" publication: "React Status" issue: 356 published_at: "2023-09-27" canonical_url: "https://react.statuscode.com/issues/356" --- Plus Next.js Conf is back, making a chatbot UI, and some 1.0 releases. | #​356 — September 27, 2023 [Read on the Web](https://react.statuscode.com/issues/356) Together with [![Adadot\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_400,h_115/co_white,e_outline:10/kwf3rw4q5vkytdm2puoh.png)](https://www.adadot.com/) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/mbeiqkrr5fvkmbegu4f3.jpg)](https://docusaurus.io/blog/upgrading-frontend-dependencies-with-confidence-using-visual-regression-testing) [Upgrading Frontend Dependencies with Confidence](https://docusaurus.io/blog/upgrading-frontend-dependencies-with-confidence-using-visual-regression-testing) — Tests often provide a way to see if the _logic_ in our apps isn’t working the way we expect, but what about if a frontend component is rendering incorrectly? Visual regression testing to the rescue! Sébastien, well known for his work on [Docusaurus](https://docusaurus.io/), shares a workflow based on GitHub Actions, Playwright, and Argos (a commercial tool but with a free tier suitable for the task). Sébastien Lorber [![\](https://copm.s3.amazonaws.com/421926ea.jpeg)](https://www.adadot.com/) [Insights For Developers, Gamified](https://www.adadot.com/) — Adadot gamifies the software development process giving each developer and team personalised recommendations on how to become the best. Collect all of the badges and showcase your experience with embeddable stats. Adadot sponsor [Best Practices for Developing Complex Form-Based Apps](https://orizens.com/blog/best_practices_for_developing_complex_form-based_apps_with_react_hook_form_and_typescript_support/) — Developing form-based apps using [React Hook Form](https://react-hook-form.com) with an emphasis on the added benefits of incorporating TypeScript to enhance type safety and developer productivity. Oren Farhi _IN BRIEF:_ - Sathya Gunasekaran of the React core team popped up on Reddit to [talk about the long-awaited React Forget compiler](https://www.reddit.com/r/reactjs/comments/16nnh4z/did_the_react_team_forget_the_react_forget/k1jbr4t/) and why it's both more complex and taking longer to build than you would think. The idea behind React Forget was introduced [▶️ in this fantastic React Conf 2021 presentation](https://www.youtube.com/watch?v=lGEMwh32soc) which remains a useful way to understand the motivations behind it. - 📅 [Next.js Conf 2023](https://nextjs.org/conf) is taking place this October 26 at 10am Pacific. It's online, though some speakers will be in person in San Francisco. - [AutoVizuA11y](https://medium.com/feedzaitech/many-charts-cant-be-perceived-by-everyone-autovizua11y-changes-that-e8c731b6adaf) is a new React package designed to make Web based charts more accessible by adding descriptions and enhanced navigation to them. How? AI, unsurprisingly. - [Frigade](https://frigade.com/), a provider of product onboarding components, saw [a 63% improvement in their Google Speed Index results](https://frigade.com/blog/bundle-size-reduction-with-rsc-and-frigade) upon migrating their site to React Server Components. Unsurprisingly, they now offer an RSC compatible version of their product too.. 😏 [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/sn1dntwszyzt0ehxdn36.jpg)](https://sudolabs.com/insights/react-google-maps-drawing-tools) [Drawing on Google Maps with Drawing Manager](https://sudolabs.com/insights/react-google-maps-drawing-tools) — This incredibly thorough and code-rich followup to [Integrating Google Maps in React](https://sudolabs.com/blog/integrating-google-maps-in-react) focuses on the use of [DrawingManager](https://developers.google.com/maps/documentation/javascript/drawinglayer) to draw polygons, rectangles, polylines, circles and markers on top of maps. Pavlo Chabanenko (Sudolabs) [Build Your Own Chatbot with React and the OpenAI API](https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/) — The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. Madars Biss [Implementing Dark Mode in React Native](https://thoughtbot.com/blog/react-native-dark-mode) — Supporting dark mode is more important than ever as users have come to expect it—this guide explains how. Stephen Hanson (thoughtbot) 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/nxioaqtmfj31it9fsyu0.jpg)](https://sonner.emilkowal.ski/) [Sonner 1.0: An Opinionated Toast Component](https://sonner.emilkowal.ski/) — Styled by default but customizable. We’ve linked to it a few times this year but it’s just reached its 1.0 milestone. There’s a live demo to try on the homepage, or hit up the [GitHub repo.](https://github.com/emilkowalski/sonner) Emil Kowalski [Sugar High: A Lightweight Syntax Highlighter for JSX](https://sugar-high.vercel.app/) — At just 1KB minified and gzipped, this is the sort of sugar high that’s _not_ bad for you. [GitHub repo.](https://github.com/huozhi/sugar-high) Jiachi Liu [The Postman VS Code Extension: Lightning-Fast API Testing and Collaboration](https://go.pstmn.io/7da36e37) — Develop and test your APIs in Postman directly from Visual Studio Code with the new Postman VS Code extension. Postman sponsor [MDX Editor 1.0: A Rich Markdown Editor Component](https://mdxeditor.dev/) — Best known for [React Virtuoso](https://virtuoso.dev/), Petyo unveiled a [Lexical](https://lexical.dev/)-powered Markdown editor for React apps earlier this year, and it, too, has just hit 1.0. [The live demo](https://mdxeditor.dev/editor/demo) shows off what you need to see. Petyo Ivanov [Sandpack 2.8: A Component Toolkit for Live Code Editing Experiences](https://sandpack.codesandbox.io/) — Created by the folks at CodeSandbox who specialize in this area. Something to consider if you want to create interactive documentation, low-code tools, or the like. [GitHub repo.](https://github.com/codesandbox/sandpack) CodeSandbox 📰 Classifieds [Frontend Developer at Crystallize](https://crystallize.com/careers/frontend-developer) 🚀 (_Remote, Work from Anywhere_ 🏖️) — Enjoy TypeScript, React, GraphQL and performance? Join in building our super-fast headless commerce service with a beautiful UI. --- 🎟️ [CityJS Berlin](https://berlin.cityjsconf.org): 1-3 November. Hear from Rachel Nabors speak about the _"Gateway to React: the react․dev story."_ Use the discount code `COMMUNITY` to save 35%. --- 💻 Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. [Create a free profile now](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). [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/prhflpgmcul0grkr8aen.jpg)](https://react-chrono.prabhumurthy.com/) - 🕑 [React Chrono 2.3](https://react-chrono.prabhumurthy.com/) – A popular component for rendering timelines (above). Check out [some of the Storybook examples.](https://5f985eb478dcb00022cfd60e-hqwgomhkqw.chromatic.com/?path=/story/example-horizontal--horizontal-timeline) - [React PDF 7.4](https://github.com/wojtekmaj/react-pdf) – Display PDFs in your React app. [v7.4](https://github.com/wojtekmaj/react-pdf/releases/tag/v7.4.0) improves Next.js support and updates the underlying PDF.js dependency. - [React Bootstrap 2.9](https://react-bootstrap.github.io/) – Bootstrap components built for React. - [React Native VisionCamera 3.1](https://github.com/mrousavy/react-native-vision-camera/releases/tag/v3.1.0) – Powerful camera control. - [Bit 1.0](https://bit.dev/blog/announcing-bit-v10-a-beginning-of-a-new-era-in-component-driven-software-lmqh3dua/) – Toolset for composable software development. - [Reactist 22.0](https://doist.github.io/reactist/?path=/story/reactist--page) – Suite of open source React components. - [React Slider 10.3](https://slider-react-component.vercel.app/) 🎁 And a bonus item.. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/pbtikuthlzhdsslowwa1.jpg)](https://www.gitify.io/) [Gitify: GitHub Notifications From Your Menu Bar](https://www.gitify.io/) — If you get too many GitHub notifications, this desktop utility promises to bring them under control and collect them together in one place, whether on macOS, Windows or Linux. It's built using Node and React as an Electron app. [Here's the source.](https://github.com/gitify-app/gitify) Manos Konstantinidis This issue was curated by Terence C. Gannon and Peter Cooper 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