--- title: "Don't bring me down.. Bruce!" publication: "React Status" issue: 306 published_at: "2022-09-21" canonical_url: "https://react.statuscode.com/issues/306" --- Plus storing state in the URL, using WASM with React, and Mantine gets yet more updates. | #​306 — September 21, 2022 [Read on the Web](https://react.statuscode.com/issues/306) 🎵 About the subject line.. [yes, I know.](https://en.wikipedia.org/wiki/Don%27t_Bring_Me_Down#Misheard_lyric) 😆 – Ed. React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/lwhbuo1gnjx9tarbsejr.jpg)](https://marmelab.com/blog/2022/09/20/react-i-love-you.html) ['React I Love You, but You’re Bringing Me Down'](https://marmelab.com/blog/2022/09/20/react-i-love-you.html) — An opinionated React thought piece that’s provoked much discussion this week. The author gets creative by checkpointing the progress (or lack thereof) of React over the years in ‘mix tape’ style with code and memes sprinkled in for good measure. ([Hacker News went deep](https://news.ycombinator.com/item?id=32911492) on this item and spawned some interesting sub-threads covering topics like whether there are [any 'greener JS pastures'](https://news.ycombinator.com/item?id=32912681) or not.) François Zaninotto opinion ▶[Next.js 12.3 Features Walkthrough and Demo](https://www.youtube.com/watch?v=3UD7Y02AcN4) — Vercel’s VP of Developer Experience walks through the changes in the latest version of Next.js which we squeezed in to last week’s issue. If you don’t like video, you can [read more about the release](https://nextjs.org/blog/next-12-3) on Vercel’s blog. Lee Robinson (Vercel) [![\](https://copm.s3.amazonaws.com/09508c60.png)](https://ad.doubleclick.net/ddm/clk/537954339;346230011;d) [Getting Started With TypeScript and React](https://ad.doubleclick.net/ddm/clk/537954339;346230011;d) — In this post, we’ll look at a few advantages of using TypeScript with React. Then, we’ll set up a React-TypeScript project and go through some of the fundamentals. [Check it out](https://ad.doubleclick.net/ddm/clk/537954339;346230011;d). Progress KendoReact sponsor [Storing State in the URL with `URLSearchParams`](https://blog.johnnyreilly.com/2022/09/20/react-usesearchparamsstate) — We love what the creator said about this: _“I love this more than I can reasonably explain; it’s a generic React hook for storing state in the URL with the querystring/URLSeachParams. So handy for making shareable links.”_ John Reilly [Deploying a WASM-Powered React App on Vercel](https://betterprogramming.pub/deploying-a-wasm-powered-react-app-on-vercel-cf3cae2a75d6) — Keen to get your feet wet with [WebAssembly](https://webassembly.org)? This brief guide, on a topic not often covered, shows some initial steps. Mukkund Sunjii Jobs [Full-Stack Engineer (NYC / Remote)](https://apply.workable.com/j/E0E1B15339) — 100M+ devices, 100B+ API calls. Radar is looking for Product Engineers to build geospatial dev tools. Radar [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 [How To Debug React Apps with VS Code](https://profy.dev/article/debug-react-vscode) — The basics of getting a debugging workflow set up for your React work with VS Code. Johannes Kettmann [Adding React Components to an Astro 1.0 Project](https://daily-dev-tips.com/posts/astro-1-0-adding-react-components/) — Astro lets you choose what type of framework components you’d like to use . This post shows how to use React components. Chris Bongers [React Memoization Guide with Examples](https://refine.dev/blog/react-memo-guide/) — The first in a series digging into a popular (and often first) optimization technique. Abdullah Numan [What’s New in Gatsby in 2022?](https://www.smashingmagazine.com/2022/09/new-gatsby-2022/) Paul Scanlon (Gatsby) 🛠 Code and Tools [TinyBase 2.0: A Library for Structuring App State](https://tinybase.org/) — If you want a bit more database-esque structure around the management of state in your apps, this is worth a look. The [demos](https://tinybase.org/demos/) are notable for how well explained they are so do check those out. [GitHub repo.](https://github.com/tinyplex/tinybase) James Pearce [Mantine 5.4: A Full Featured React Component Library](https://mantine.dev/changelog/5-4-0/) — We don’t want to feature _every_ release [Mantine](https://mantine.dev/) has, but they’re making so much progress and doing such great work lately that they deserve the attention right now. v5.4 adds `validateInputOnBlur`, non-linear scales for sliders, a new way to organize ‘switch’ components, and more. [Mantine UI](https://ui.mantine.dev/) also gained 10 new components. Mantine Team [Monitoring Your React Native Application](https://docs.newrelic.com/docs/mobile-monitoring/new-relic-monitoring-react-native/monitor-your-react-native-application/?utm_source=react-status&utm_medium=community&utm_campaign=global-fy23-q2-monitor-your-react-native-application) New Relic sponsor [Theatre.js 0.5: Hackable Motion Design for the Web](https://www.theatrejs.com/blog/theatre-05-is-out) — Can be used both programmatically and visually to animate 3D objects created with things like Three.js, React Three Fiber, HTML/SVG, or even to ‘animate’ variable values. v0.5 introduces 3D scene editing and complex keyframing. [Docs](https://docs.theatrejs.com/) and [GitHub repo.](https://github.com/theatre-js/theatre) Theatre.js Project [Linkify 4.0: Link Up URLs, Email Addresses, and More in Plain Text](https://linkify.js.org/) — Given some plain text containing things like links and emails, Linkify will generate the correct code to display it on the Web. Not just URLs or emails, but hashtag, @mentions, IP addresses, and more – see the homepage for examples. [GitHub repo.](https://github.com/Hypercontext/linkifyjs) Hypercontext **QUICK RELEASES:** - [React Tether 3.0](https://github.com/danreeves/react-tether) ↳ Wrapper for a popular tooltip / popover library. - [Material Kit React 2.1](https://github.com/devias-io/material-kit-react) ↳ Dashboard made with Material UI’s components. - [React Page 5.0.3](https://react-page.github.io/) ↳ Customizable Web content editor. - [ReactPlayer 2.11](https://github.com/cookpete/react-player) ↳ Component for playing content from various sites. - [Virtuoso 2.19](https://virtuoso.dev/) ↳ Featureful virtual list component. - [Little State Machine 4.7](https://github.com/beekai-oss/little-state-machine) ↳ Custom hook for persistent state management. - [react-responsive 9.0](https://github.com/yocontra/react-responsive) ↳ CSS media queries in React. - [Sandpack 1.8](https://github.com/codesandbox/sandpack) ↳ Component toolkit for live-running code editors. - [React Calendar 3.9](https://github.com/wojtekmaj/react-calendar) - [React Native Testing Library 11.1](https://github.com/callstack/react-native-testing-library) 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