--- title: "An open, high performance data grid" publication: "React Status" issue: 291 published_at: "2022-06-01" canonical_url: "https://react.statuscode.com/issues/291" --- Plus simulating life in React, and using React from R. | #​291 — June 1, 2022 [Read on the Web](https://react.statuscode.com/issues/291) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/eelvx0uhmsngv8iy7zyh.jpg)](https://grid.glideapps.com/) [Glide Data Grid 4: A Fast Data Grid for React Projects](https://grid.glideapps.com/) — Bills itself as a _“no compromise, outrageously fast data grid”_ that can support up to millions of rows with rich rendering and TypeScript support. The homepage features a neat demo and it’s MIT licensed too. [GitHub repo](https://github.com/glideapps/glide-data-grid). Glide [Payload, a Node-Based Headless CMS, Now Fully Open Source](https://payloadcms.com/blog/open-source) — [Payload](https://payloadcms.com/docs/getting-started/what-is-payload), is a full-featured [headless](https://payloadcms.com/docs/getting-started/what-is-payload#what-does-headless-mean) CMS (built on top of Express.js, MongoDB, and React) and has just moved to the MIT license which opens up a lot more use cases. [GitHub repo](https://github.com/payloadcms/payload). James Mikrut (Payload CMS Blog) [![\](https://copm.s3.amazonaws.com/edd4a08f.jpg)](https://frontendmasters.com/courses/complete-react-v7/?utm_source=reactstatus&utm_medium=email&utm_content=reactv7) [Updated Course: Complete Intro to React](https://frontendmasters.com/courses/complete-react-v7/?utm_source=reactstatus&utm_medium=email&utm_content=reactv7) — Join Brian Holt for this updated look at getting started with React. Covering things like hooks, effects, context, and portals. Throughout this video course you’ll learn about tools from across the entire React ecosystem (like Parcel, ESLint, TailwindCSS, and React Router). Frontend Masters sponsor [Storybook 6.5: New Workflows Intended to Enhance Productivity](https://storybook.js.org/blog/storybook-6-5/) — The new release of the popular component development tool includes interaction testing to verify user behavior in the browser, a [Figma](https://www.figma.com) plugin to connect stories to variants and [Webpack 5](https://webpack.js.org) lazy compilation for faster start up. Michael Shilman (Storybook) **Quick bits:** - A recent episode of 20minJS featured [▶️ a discussion about state management and Redux Toolkit](https://podcast.20minjs.com/1952066/10665172-episode-12-redux-toolkit-and-state-management-in-react-with-mark-erikson), in particular, with Mark Erikson. _(42 minutes.)_ - Want to watch the talks from last month's Remix Conf? [▶️ Now you can.](https://www.youtube.com/watch?v=4_nxvVTNY9s&t=1984s) - React Route 6.4 is [currently in prerelease.](https://github.com/remix-run/react-router/releases/tag/v6.4.0-pre.2) It includes some abstractions ported from _Remix_ and there's [a demo](https://stackblitz.com/github/remix-run/react-router/tree/remixing/examples/notes?file=src%2Fmain.jsx) and [initial guide](https://beta.reactrouter.com/en/remixing/getting-started/data) to using some of it already. More on this when it goes final. Jobs [Senior Software Engineer at This Dot Labs (Remote, Worldwide)](https://www.thisdot.co/job/senior-software-engineer-javascript-remote) — Great benefits working in modern tech stacks and amazing clients such as Google, Meta, Twilio, Cloudinary, Roblox, and more. This Dot Labs [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 ▶[When to Fetch: Remixing React Router](https://www.youtube.com/watch?v=95B8mnhzoCM) — Presentations from the recent _[Reactathon](https://www.reactathon.com)_ event continue to roll out. In this one Ryan Florence, one of the founders of [Remix](https://remix.run), extolls the virtues of moving responsibility for ‘when to fetch’ into React Router. Ryan Florence [QR Code Generation with React](https://blog.openreplay.com/qr-codes-generation-with-react) Ejiro Thankgod 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/s5h5vgnkex82mfcvdnno.jpg)](https://boringavatars.com/) [Boring Avatars: React Library to Generate Custom Avatars](https://boringavatars.com/) — Ranging from generic gradients to face-like creations, this library ([GitHub repo](https://github.com/boringdesigners/boring-avatars)) generates custom, SVG-based, round avatars from any username and color palette. Boring Designers [React Mentions 4.4: To `@mention` People in a Textarea Field](https://github.com/signavio/react-mentions) — Use this to replicate the Facebook/Twitter-style mentioning effect within text fields. [Live demos here](https://react-mentions.vercel.app/). Signavio GmbH [Free Activity Feeds & Chat APIs for Qualifying Teams](https://getstream.io/maker-account/?utm_source=ReactStatus&utm_medium=Newsletter_Content_Ad&utm_content=Developer&utm_campaign=ReactStatus_May2022_MakerAccount) Stream sponsor [Browser Extension Template: Quickly Flesh Out a Browser Extension Codebase](https://github.com/Debdut/browser-extension) — Think create-react-app but for an extension, kinda. React and Preact are supported directly too. Debdut Karmakar [Formation: A Brand New Library of 20+ WCAG-Focused Components](https://formation.fyi/) — One of the benefits of brand new component libraries is they tend to focus on the essentials, so with this project you’re offered all the [WCAG 2.0-focused](https://www.w3.org/TR/WCAG20/) components you need, none you don’t. Josh Schneider [React Holmes: Elementary State 'Orchestrator' for React](https://github.com/devx-os/react-holmes) — Holmes claims to have just one objective: “make state management as easy and fast as possible.” devx-os ## ⚡️ Quick Bits: [react-stick](https://github.com/signavio/react-stick) — Stick a [portaled node](https://reactjs.org/docs/portals.html) to an anchor node, as per this [demo](react-stick.now.sh). [react-smooth-corners](https://www.npmjs.com/package/react-smooth-corners) — For a fresh new look, smooth the rough corners off your React elements. [react-collapsible](https://github.com/glennflanagan/react-collapsible) — Wrap content in a collapsible element with a trigger to open and close. [reactable](https://github.com/glin/reactable) — Interactive data tables for the [R](https://www.r-project.org/about.html) statistical and graphics environment, as illustrated with these [demos](https://glin.github.io/reactable/#demos). And yes, you can [use React with R](https://react-r.github.io/reactR/)! 😎 And one for fun! [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/cgrziwjy5gozsnskjzph.jpg)](https://andreacarrara.github.io/game-of-life/) [Game of Life: A Modern Take on the Classic](https://andreacarrara.github.io/game-of-life/) — On one hand, just playing with this twist on the classic cellular automation simulation is pretty fun on its own. But once you've done that for a while, you can take a peek under the covers with the [GitHub repo](https://github.com/andreacarrara/game-of-life) – an easy to follow implementation using some modern React features. Andrea Carrara This issue was curated by Terence C. Gannon 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