--- title: "We're back reacting to React" publication: "React Status" issue: 320 published_at: "2023-01-04" canonical_url: "https://react.statuscode.com/issues/320" --- Plus Next.js 13.1, Storybook 7.0 beta, using ChatGPT as a reducer, and a swathe of library updates. | #​320 — January 4, 2023 [Read on the Web](https://react.statuscode.com/issues/320) Together with [![Frontend Masters logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_300,h_70/e_make_transparent/co_white,e_outline:5/nk0tfdvalivacz8rw7rt.png)](https://frontendmasters.com/courses/complete-react-v7/?utm_source=reactstatus&utm_medium=email&utm_content=reactv7) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/xhztbj7be2jfiohfuwc3.jpg)](https://react-wrap-balancer.vercel.app/) [React Wrap Balancer: A Component to Make Better Titles](https://react-wrap-balancer.vercel.app/) — We’d quite like something like this for our newsletters ;-) _React Wrap Balancer_ is a simple component that improves the rendering of _titles_ in your app by avoiding single overhanging words (sometimes known as [‘orphans’](https://en.wikipedia.org/wiki/Widows_and_orphans)). [GitHub repo](https://github.com/shuding/react-wrap-balancer). Shu Ding [Storybook 7.0 Enters Beta](https://storybook.js.org/blog/7-0-beta/) — This is the first major version of this popular frontend UI development tool in nearly two years (_so expect breaking changes here_). Plenty of new, including a performance overhaul, interaction testing, and much more — see [the full changelog here](https://github.com/storybookjs/storybook/blob/HEAD/CHANGELOG.md). You can try the beta now, with [a migration guide here too](https://chromatic-ui.notion.site/Storybook-7-migration-guide-dbf41fa347304eb2a5e9c69b34503937). Storybook [![\](https://copm.s3.amazonaws.com/c29e441a.jpg)](https://frontendmasters.com/courses/complete-react-v7/?utm_source=reactstatus&utm_medium=email&utm_content=reactv7) [Updated 'Complete Intro to React' Course](https://frontendmasters.com/courses/complete-react-v7/?utm_source=reactstatus&utm_medium=email&utm_content=reactv7) — Learn to build real-world apps using modern React and the latest tools in the React ecosystem like Vite, ESLint, TailwindCSS, React Router, and React Query! Frontend Masters sponsor [First-Class Support for TypeScript in React Native](https://reactnative.dev/blog/2023/01/03/typescript-first) — With the newly released v0.71 you get a new app template that’s ‘TypeScript (TS) by default’ – TS declarations are shipped with the base package and the documentation is now TypeScript first (Flow or regular JavaScript are still possible, of course). Nick Gerleman (React Native Team) [Shopify's Story of Porting Its Largest Mobile App to React Native](https://shopify.engineering/migrating-our-largest-mobile-app-to-react-native) — Shopify has gone all in with React Native being ‘the future of mobile at Shopify.’ As part of that, it has been migrating its 300+ screen Shopify Mobile app and here’s how that Herculean task’s been going. Shopify **IN BRIEF:** - [Next.js 13.1](https://nextjs.org/blog/next-13-1) turned up just before Christmas with some minor enhancements. - Over on Reddit, there was a discussion about [why people like using Next.js](https://www.reddit.com/r/reactjs/comments/zprham/why_do_people_like_using_nextjs/). - ⭐️ Next.js just passed _Create React App_ [in GitHub star count](https://twitter.com/i/web/status/1610165503468658689) if you're into such measures of popularity. 🤖 [ChatGPT as a Universal Redux Reducer?](https://spindas.dreamwidth.org/4207.html) — OpenAI’s [ChatGPT](https://openai.com/blog/chatgpt/) has been getting a **lot** of attention lately so it should come as no surprise there’s yet another novel application for it at the heart of a React app. Michael Smith ▶[3 React Mistakes, 1 App Killer](https://www.youtube.com/watch?v=QuLfCUh-iwI) — React YouTuber extraordinaire Jack Herrington is back for 2023 with a look at three different React related mistakes (and how to work around them). Jack Herrington [Self-Hosted Form Builder for React: Create and Run Custom Forms For Free](https://surveyjs.io/) SurveyJS sponsor [Handling Errors Like a Pro in TypeScript](https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991) — _“Learn the design pattern I use to handle errors and write cleaner code.”_ Kolby Sisk [How I Created a Christmas Music Quiz with React](https://www.lloydatkinson.net/projects/2022/christmas-project-2022-music-quiz/) — Nice high-level writeup. Lloyd Atkinson [Creating a Scheduling App with React, Node and Email.js](https://dev.to/novu/creating-a-scheduling-app-i-wish-somebody-showed-me-this-technique-when-i-first-started-coding-2icd) Nevo David 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/hnllplolpqnjs6pnfra9.jpg)](https://github.com/ukrbublik/react-awesome-query-builder) [RAQB 6.0: User-Friendly 'Query Builder' for React Apps](https://github.com/ukrbublik/react-awesome-query-builder) — Filter-style queries, specifically. [Live demo](https://ukrbublik.github.io/react-awesome-query-builder/). Denis Oblogin [Dynaboard: The Pro-Code Web App Builder Made for Developers](https://dynaboard.com/?utm_source=cooperpress&utm_medium=email&utm_campaign=procode-q12023) Dynaboard sponsor [Recharts: Composable React Charting on top of D3](https://recharts.org/en-US/) — There are [lots of examples](https://recharts.org/en-US/examples) to look at. Line, area, bar, composed, scatter, radar, and pie charts are covered, all in quite a minimal, clean style. Recharts Group [Schedulely: A CSS Grid-Based React Calendar Control](https://bruceharrison1984.github.io/Schedulely/) — Still in early development but it boasts a small size, extensibility, and it’s responsive out-of-the-box. [GitHub repo](https://github.com/bruceharrison1984/Schedulely). Bruce Harrison 🤡 [uselessHooks: A Collection of Useless React Hooks](https://github.com/btahir/uselesshooks) — Apparently these will ‘impress your coworkers’ – we’re not so sure.. Bilal - [Redwood 3.8](https://github.com/redwoodjs/redwood) ↳ React + GraphQL-based full stack framework. - [Downshift 7.1](https://github.com/downshift-js/downshift) ↳ Primitives to build flexible, WAI-ARIA compliant autocomplete or dropdown controls. - 🎬 [Scene.js 1.9](https://github.com/daybrush/scenejs) ↳ JS + CSS timeline-based animation library. - [Linkify 4.1](https://github.com/Hypercontext/linkifyjs) ↳ Finds URLs in text and converts to links. - [React Tracking 9.3](https://github.com/nytimes/react-tracking) ↳ Declarative tracking from the NYT. - [React Simple Keyboard 3.5](https://github.com/hodgef/react-simple-keyboard) ↳ Customizable virtual keyboard. ([Demo.](https://virtual-keyboard.js.org/)) - [PCUI 3.0](https://playcanvas.github.io/pcui/) – UI components from PlayCanvas. - [React Arborist 2.2](https://github.com/brimdata/react-arborist) – Tree view component. - [Mantine 5.10](https://github.com/mantinedev/mantine) – Popular component library. - [ka-table 7.7](https://github.com/komarovalexander/ka-table) – React table component. 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) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired [UX Engineer](https://www.stimulus.com/jobs/1b111606-78e4-4c4b-b7a1-472439bbc5ec) — [Stimulus](https://www.stimulus.com/jobs) is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness. Join our engineering team. Stimulus 🎁 The Bonus Round [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/b2loe5navicbruu4ax5i.jpg)](https://component-party.dev/) [Component Party: A Rosetta Stone of Frameworks?](https://component-party.dev/) — A comparison of different frameworks (React, Vue, Svelte, Angular, Ember, etc.) by way of simple code snippets covering various tasks. Mathieu Schimmerling 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