--- title: "Bad boolean advice" publication: "React Status" issue: 345 published_at: "2023-06-28" canonical_url: "https://react.statuscode.com/issues/345" --- Plus styled-components 6.0, building HTML emails with React, and shepherding your users around the page. | #​345 — June 28, 2023 [Read on the Web](https://react.statuscode.com/issues/345) Together with [![Fusion Auth\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_512,h_127/e_make_transparent/co_white,e_outline:15/es9kzxpnghhbbctheomi.png)](https://fusionauth.io/blog/2021/11/11/how-to-authenticate-your-react-app?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=react-sdk) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/pi5v3twiazohlbckjjcr.jpg)](https://nextjs.org/blog/june-2023-update) [An Update on Next.js's App Router](https://nextjs.org/blog/june-2023-update) — The [‘app router’](https://nextjs.org/docs/app) in Next.js 13+ offers a new approach for structuring Next apps and is recommended for all new ones going forward (it became stable [in Next.js 13.4](https://nextjs.org/blog/next-13-4) last month). This post provides a welcome update on how the project sees the feature evolving and how the team is continuing to integrate and collaborate with React generally. Delba de Oliveira and Lee Robinson (Vercel) 📅 [React Jam: A Gamejam for React Developers](https://reactjam.com/) — React probably isn’t the first option you think of for building a game, but this online event hopes to change that, or at least expand your horizons. [Game jams](https://en.wikipedia.org/wiki/Game_jam) are popular events for developing small games to a deadline, and they’ve got some prizes and judges lined up. It starts on July 20. React Jam Team [![\](https://copm.s3.amazonaws.com/302fa7b1.png)](https://fusionauth.io/blog/2021/11/11/how-to-authenticate-your-react-app?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=react-sdk) [Auth, Built for Devs by Devs](https://fusionauth.io/blog/2021/11/11/how-to-authenticate-your-react-app?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=react-sdk) — The best frontend language deserves the best auth service. Add MFA, SSO, biometrics and advanced threat detection with just a few clicks. Put FusionAuth to work for you. FusionAuth sponsor ▶[Don't Follow This Bad React Advice](https://www.youtube.com/watch?v=YlU9vznPWIk) — Jack tackles three commonly seen pieces of React advice that you should think about before following blindly: avoiding the spread operator, not to use useMemo, and only using the updating variant of a useState state setter. Most boolean advice is junk advice, says Jack. Jack Herrington **IN BRIEF:** - Dan Abramov is [🐦 feeling burned out](https://twitter.com/dan_abramov/status/1673394979106856960) on programming discourse. It's certainly been a heavy few weeks for React. - Talking of which, Astro co-creator sparked off a fair bit of discourse with the observation that the [React Canary releases](https://react.dev/blog/2023/05/03/react-canaries) are [🐦 "_not_ stable and probably shouldn't be used in production."](https://twitter.com/FredKSchott/status/1673342700651704330) This seems obvious, but due to Next.js, folks may be relying on them without realizing. - Alex Graveley [🐦 got about](https://twitter.com/alexgraveley/status/1671213996735594503) $20k for his work in creating GitHub Copilot, and it turns out Pete Hunt [🐦 got about](https://twitter.com/floydophone/status/1671215745877803017) $20k for his early work on React too. - The creator of [Ink](https://github.com/vadimdemedes/ink), a way to build CLI apps with React, is pondering [how to generate income from open source](https://vadimdemedes.com/posts/generating-income-from-open-source) and looking at what other projects in the space are doing to stay afloat. ▶[React Server Components from Scratch: The Video](https://www.youtube.com/watch?v=8aD58kGBJYc) — Dan Abramov recently released [an introduction to RSCs](https://github.com/reactwg/server-components/discussions/5) built around reimplementing them from scratch. He asked on Twitter if anyone could record the post in video form and Jesse stepped up with a little 'dramatic reading' for added effect. Jesse Pence [Creating a Seamless Multi-Language User Interface](https://www.honeybadger.io/blog/creating-multi-language-user-interface-with-react/) — A look at the fundamentals of building a React app with basic i18n and multi-language support. Muhammed Ali [Things You Might Not Know About Next.js's Image Component](https://dev.to/alex_barashkov/things-you-might-not-know-about-next-image-5go8) — Next.js’s [Image](https://nextjs.org/docs/app/building-your-application/optimizing/images) component has a range of useful capabilities of which you may not be aware. Alex Barashkov [React Developers, Save $1 Off Your Next Domain Name Registration](https://porkbun.com?coupon=REACTSTATUS&utm_source=ReactStatus&utm_medium=Newsletter&utm_campaign=rsmay2023) Porkbun.com sponsor [Testing Your React Hooks with Vitest](https://mayashavin.com/articles/test-react-hooks-with-vitest) — Tips for planning and testing custom hooks with [Vitest](https://vitest.dev) and [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/). Maya Shavin [How to Cache Your React Native Dependencies in GitHub Actions](https://betterprogramming.pub/how-to-cache-your-react-native-dependencies-in-github-actions-c67b65db5efa) — An optimization if you’re building your React Native apps CI/CD-side. Aryella Lacerda [How to Build a Lightweight 'Collapse' Component](https://spin.atomicobject.com/2023/06/13/collapse-component-react/) Jonathan Chaffer [Where to Host Your Remix App in 2023](https://www.jacobparis.com/content/where-to-host-remix) Jacob Paris 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/jqoebp9chrwpgihg2vx7.jpg)](https://typist.doist.dev/?path=/docs/readme--docs) [Typist: Tiptap-Based Rich Text Editor Component](https://typist.doist.dev/?path=/docs/readme--docs) — An unashamedly opinionated yet simple text editor control. You can try the examples in the sidebar. It's suited for basic rich text situations like writing comments or messages and also has a single-line mode. Doist [React Shepherd: Guide Your Users Through a Tour](https://shipshape-react-shepherd.netlify.app/) — This homepage [eats its own dog food](https://en.wikipedia.org/wiki/Eating_your_own_dog_food) with a tour of its own. A wrapper around the [Shepherd](https://github.com/shipshapecode/shepherd) library. [GitHub repo.](https://github.com/shipshapecode/react-shepherd) Chuck Carpenter [React Authentication — Without Complexity](https://userfront.com/tutorials/react-authentication?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=sponsored_link&utm_content=react_authentication) — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now. Userfront sponsor 💌 [MJML: The Responsive Email Framework](https://mjml.io/) — HTML emails are a nightmare to code (believe us!) but MJML provides a component-based framework to make it less daunting if you don’t read [CanIEmail](https://www.caniemail.com/) on a regular basis. To bring React into the picture, you then need [Faire’s mjml-react](https://github.com/Faire/mjml-react) so you can create HTML emails with React components. Mailjet 💡 Josh W Comeau wrote [a neat tutorial about using MJML with React](https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/) last year. [Blitz.js: It 'Picks Up Where Next.js Leaves Off'](https://blitzjs.com/) — I wasn’t expecting its 2.0 beta phase to last over a year, but this Next.js-oriented toolbox of libraries and conventions is nonetheless ready for action and offers up scaffolding, a type-safe API layer, middleware, auth, and more. Brandon Bayer [OpenNext: A Serverless Adapter for Next.js Apps](https://open-next.js.org/) — Takes the Next.js build output and converts it to a package that can be deployed to AWS Lambda, Lambda@Edge, CloudFront and S3 with[SST.](https://sst.dev/) SST - [styled-components 6.0](https://github.com/styled-components/styled-components/releases/tag/v6.0.0) – Popular component CSS styling approach. There's a [v5 to v6 migration guide](https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6) if you're upgrading. - [React Easy Crop 5.0](https://github.com/ValentinH/react-easy-crop) – Component for cropping images and videos. ([Demo.](https://valentinh.github.io/react-easy-crop/)) - [SWR 2.2](https://github.com/vercel/swr) – Hooks for data fetching. ([Homepage.](https://swr.vercel.app/)) - ↑→↓← [React Archer](https://github.com/pierpo/react-archer) – Draw arrows between DOM elements. - [React Bootstrap 2.8](https://react-bootstrap.github.io/) - [React Native 0.72](https://reactnative.dev/blog/2023/06/21/0.72-metro-package-exports-symlinks) Jobs [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) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. Hired 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