--- title: "Were React hooks a mistake? Take 2." publication: "React Status" issue: 329 published_at: "2023-03-08" canonical_url: "https://react.statuscode.com/issues/329" --- Plus Mantine 6.0, exporting icons in Figma to React components, and hooks for local-first apps. | #​329 — March 8, 2023 [Read on the Web](https://react.statuscode.com/issues/329) Together with [![Dynaboard logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_500,h_100/e_make_transparent/co_white,e_outline:7/xh5y6qe2tcrjx1vxyfer.png)](https://dynaboard.com/?utm_source=cooperpress-rs&utm_medium=email&utm_campaign=visualide-q12023) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/jjxxyk9ud8ytwu4grnfx.jpg)](https://leerob.io/blog/react-frameworks) [Why You _Should_ Use a React 'Framework'](https://leerob.io/blog/react-frameworks) — Whether it’s Next.js, Gatsby, Remix, or something else, using a bigger framework that itself uses React is _de rigueur_ in 2023. Lee examines why, complete with a nice iceberg metaphor, and does a good job of boiling down the basic argument. Lee Robinson [Common Beginner Mistakes with React](https://www.joshwcomeau.com/react/common-beginner-mistakes/) — As an experienced React educator, Josh has seen most of the common problems people encounter and here he digs deep into _“9 of the most dastardly gotchas”_ and how to resolve them. Aimed at folks who are ‘still pretty early’ in their React journey — so if you’re Dan Abramov, this isn’t for you 😁 Josh W Comeau [![\](https://copm.s3.amazonaws.com/a6015b30.png)](https://dynaboard.com/?utm_source=cooperpress-rs&utm_medium=email&utm_campaign=visualide-q12023) [Dynaboard: A Visual Web App IDE Made for Developers](https://dynaboard.com/?utm_source=cooperpress-rs&utm_medium=email&utm_campaign=visualide-q12023) — Build high performance public and private web applications in a collaborative — full-stack — development environment. Dynaboard sponsor [Were React Hooks a Mistake?](https://jakelazaroff.com/words/were-react-hooks-a-mistake/) — This isn’t quite an attempt to rewind to class-based components, but a take on the rapidly growing popularity of a [signals-based approach](https://twitter.com/devongovett/status/1629540226589663233) (as more often seen in non-React frameworks, such as with [Preact Signals](https://preactjs.com/guide/v10/signals/)). Jake takes a thoughtful tour of the concepts involved but concludes that only _‘time will tell.’_ Jake Lazaroff If this item seems familiar, last July we linked to the now Medium-walled ['Can We All Just Admit React Hooks Were a Bad Idea?'](https://t.co/CrQgQR947D) which took a rather different approach. **IN BRIEF:** - Popular JavaScript YouTuber Theo makes the argument that [▶️ React is a backend framework now.](https://www.youtube.com/watch?v=EhI6wb5nEEs) - 📅 [React Summit](https://reactsummit.com/) is a large React conference taking place in Amsterdam _and_ online this June. [React Advanced](https://reactadvanced.com/) is another from the same folks in London this October. - 📅 In other events news, [Remix Conf 2023](https://remix.run/conf/2023) has unveiled the speakers for its May event in Salt Lake City. If you have a React event coming up, let us know. - The folks at Vercel, who also build Next.js, have [been thinking about how frameworks can help systems infer their infrastructure requirements](https://vercel.com/blog/framework-defined-infrastructure) so that they can be deployed more smoothly. [Full-Stack TypeScript with tRPC and React](https://www.robinwieruch.de/react-trpc/) — How to create a CRUD app with Node/Express on the server and React on the client while employing [tRPC](https://trpc.io) for communication between the two. Robin Wieruch [How to Make Slow React Native Apps Faster](https://retool.com/blog/retool-mobile-react-native-apps-faster/) — The folks over at internal tool building platform Retool recently released [Retool Mobile](https://retool.com/products/mobile), a way to build native apps in a similar way to their Web-based ones. This post covers a few optimizations they made to make the app as fast as possible. James Lee (Retool) [Next.js Drag-and-Drop Image Uploading Directly to S3](https://blog.danoph.com/how-to-nextjs-drag-and-drop-image-uploads-directly-to-s3-and-displaying-with-cloudfront) — Including Terraform code for S3/CloudFront integration. Daniel Errante [Need Help with Your React.js Project? Hire Our Team of Senior Devs](https://www.ombulabs.com/?utm_source=cooperpress&utm_campaign=react-status-2023-03-08&utm_medium=react-status-email#contactus) OmbuLabs | Lean Software Boutique sponsor [How to Build a React Admin Panel with Mantine, Strapi and Refine](https://refine.dev/blog/react-admin-panel/) Refine [Creating a Knowledge Base with React Native and ButterCMS](https://buttercms.com/blog/building-a-knowledge-base-with-react-native/) Levis Masonde [Visualizing Your Photos on a Map with React Native](https://wkalmar.github.io/post/visualising-you-photos-with-react/) Bohdan Stupak 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/zva8prfkfpyfulzvci7d.jpg)](https://mantine.dev/changelog/6-0-0/) [Mantine 6.0: A Full Featured React Component Library](https://mantine.dev/changelog/6-0-0/) — An increasingly popular MIT-licensed, TypeScript-based collection of 100+ components and hooks (with thorough documentation on every one, like [this page about buttons](https://mantine.dev/core/button/)). With v6, all components use `rem` units which affects styling in various ways. Numerous other breaking changes make this an upgrade to take care over. Mantine Team [Ink 4.0: React, but for Building Interactive CLI Apps](https://github.com/vadimdemedes/ink) — Build your command line apps using React-style components. As of [v4.0](https://github.com/vadimdemedes/ink/releases/tag/v4.0.0), Ink is now pure ESM, requires React 18, and requires Node 14.16+. Vadim Demedes [Try Stream’s Free Trial of SDKs for In-App Chat](https://getstream.io/try-for-free/?utm_source=ReactStatus&utm_medium=Promoted_Newsletter&utm_content=Developer&utm_campaign=ReactStatus_January2023_trial_klmh22) Stream sponsor [Mezze: Export Icons as React Components from Figma](https://www.figma.com/community/plugin/1206354900231909165/Mezze-%E2%80%93-Convert-and-Export-Icons-as-React-Components) — The aim is to go from a set of Figma icon assets to a GitHub PR with a few clicks. Tianhe Yang [Evolu: Hooks for Local-First React Apps](https://github.com/evoluhq/evolu) — A library of hooks for local-first apps with end-to-end encrypted backup and sync using the official WebAssembly build of [SQLite](https://sqlite.org/index.html) and a conflict-free replicated data ([CRDT](https://crdt.tech)) approach. GitHub [PNGR: Dockerized (Postgres + Nginx + Go + React)](https://github.com/karlkeefer/pngr) — Starter kit for a webapp that includes user and session management, JWT authentication, and a basic CRUD example. Karl Keefer Jobs [Software Engineer](https://jobs.ashbyhq.com/stickermule/1539721e-7c7d-4f45-a5b0-17e5c02d7bd0?utm_source=Cooperpress) — Join our happy team. Stimulus is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness. Stimulus [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=easy-job-hunting) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. Hired **QUICK RELEASES:** - [⌘K / CmdK 0.2](https://github.com/pacocoursey/cmdk) ↳ Command menu component. - [SWR 2.1](https://github.com/vercel/swr/releases/tag/v2.1.0) ↳ Hooks for data fetching. - [react-jsonschema-form 5.2](https://github.com/rjsf-team/react-jsonschema-form) ↳ Declaratively build forms from JSON Schema. - [MUI X 6.0](https://github.com/mui/mui-x/releases/tag/v6.0.0) ↳ Collection of advanced React UI components. - [Playroom 0.30](https://github.com/seek-oss/playroom) ↳ Zero-install code-oriented design environment for your components. - [ReactPlayer 2.12](https://github.com/cookpete/react-player) ↳ Component to play media from a variety of sources, such as YouTube, Facebook, Twitch, and SoundCloud. - [ReacType 14.0](https://github.com/open-source-labs/ReacType/releases/tag/v14.0.0) ↳ Rapid React prototyping tool. - [visx 3.1](https://github.com/airbnb/visx) ↳ Airbnb's low level visualization components. - [Metro 0.76](https://github.com/facebook/metro) ↳ The JS bundler for React Native. - [styled components 5.3.8](https://github.com/styled-components/styled-components) 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