#320 — January 4, 2023
React Wrap Balancer: A Component to Make Better Titles — 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’). GitHub repo.
Storybook 7.0 Enters 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. You can try the beta now, with a migration guide here too.
Updated ‘Complete Intro to React’ Course — 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
Nick Gerleman (React Native Team)
Shopify’s Story of Porting Its 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.
Next.js 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.
⭐️ Next.js just passed Create React App in GitHub star count if you’re into such measures of popularity.
🤖 ChatGPT as a Universal Redux Reducer? — OpenAI’s 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.
▶ 3 React Mistakes, 1 App Killer — React YouTuber extraordinaire Jack Herrington is back for 2023 with a look at three different React related mistakes (and how to work around them).
Handling Errors Like a Pro in TypeScript — “Learn the design pattern I use to handle errors and write cleaner code.”
How I Created a Christmas Music Quiz with React — Nice high-level writeup.
🛠 Code and Tools
RAQB 6.0: User-Friendly ‘Query Builder’ for React Apps — Filter-style queries, specifically. Live demo.
Schedulely: A CSS Grid-Based React Calendar Control — Still in early development but it boasts a small size, extensibility, and it’s responsive out-of-the-box. GitHub repo.
🤡 uselessHooks: A Collection of Useless React Hooks — Apparently these will ‘impress your coworkers’ – we’re not so sure..
↳ React + GraphQL-based full stack framework.
↳ Primitives to build flexible, WAI-ARIA compliant autocomplete or dropdown controls.
🎬 Scene.js 1.9
↳ JS + CSS timeline-based animation library.
↳ Finds URLs in text and converts to links.
React Tracking 9.3
↳ Declarative tracking from the NYT.
PCUI 3.0 – UI components from PlayCanvas.
React Arborist 2.2 – Tree view component.
Mantine 5.10 – Popular component library.
ka-table 7.7 – React table component.
Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.
🎁 The Bonus Round
Component Party: A Rosetta Stone of Frameworks? — A comparison of different frameworks (React, Vue, Svelte, Angular, Ember, etc.) by way of simple code snippets covering various tasks.