--- title: "A Million.js to one" publication: "React Status" issue: 343 published_at: "2023-06-14" canonical_url: "https://react.statuscode.com/issues/343" --- Plus smart code walkthroughs, Tailwind CSS powered React components, and why to always finish your projects. | #​343 — June 14, 2023 [Read on the Web](https://react.statuscode.com/issues/343) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/vphsvsox3enjcnzvjux8.jpg)](https://million.dev/) [Million.js: A Performance-Focused VDOM Replacement for React](https://million.dev/) — Starting life two years ago as a small, library-agnostic virtual DOM implementation, Million has recently presented itself as a performance enhancement for React: _“Imagine React components running at the speed of raw JavaScript.”_ You don't get this without some compromises though, but their [quick start docs](https://million.dev/docs/quickstart) show off what the integration process is like. Aiden Bai Fireship's snappily-titled [▶️ High-school student makes React a million times faster](https://www.youtube.com/watch?v=VkezQMb1DHw) gives a high-level introduction to Million.js in under three minutes. For something deeper, [Behind the Block](https://million.dev/blog/behind-the-block) explains how Million's key functionality works. [![\](https://copm.s3.amazonaws.com/1551c112.png)](https://dynaboard.com/?utm_source=cooperpress-rs&utm_medium=email&utm_campaign=ai-q22023) [Dynaboard: AI Meets Low-Code to Get More Done, Faster](https://dynaboard.com/?utm_source=cooperpress-rs&utm_medium=email&utm_campaign=ai-q22023) — Build high performance authenticated web applications in a collaborative — full-stack — development environment. Dynaboard sponsor [Why Do Client Components Get 'SSRed' to HTML?](https://github.com/reactwg/server-components/discussions/4) — A quick illustration of the extra layer you can add to your mental model of how React works when you introduce server components. To avoid confusion, think of the concepts of “React Server” and “React Client”, rather than the more easily confusable “server” and “client”. Dan Abramov [Setting Up React in a Ruby on Rails 7 App](https://ryanbigg.com/2023/06/rails-7-react-typescript-setup) — You could use [react-rails](https://github.com/reactjs/react-rails), but if you want to understand the various parts involved in making the magic happen with bringing React and Rails together, here are the full details. Ryan Bigg **IN BRIEF:** - Last week we linked to [Is React Having An Angular.js Moment?](https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html) and while Dan Abramov also read it expecting clickbait, he thought it was "pretty balanced" but [🐦 had some extra things to share on the topic.](https://twitter.com/dan_abramov/status/1666463839993360385) - 📅 [React Rally](https://www.reactrally.com/) is back this August in Salt Lake City, Utah, with speakers including Sophia Shoemaker, Emma Twersky, Tejas Kumar, Monica Powell, and Kent C. Dodds. - If your team wants to hire one of the most prolific React contributors ever, [🐦 now's your (slim) chance.](https://twitter.com/sophiebits/status/1668324384132730880) - [React Redux 8.1](https://github.com/reduxjs/react-redux/releases/tag/v8.1.0) (official React bindings for Redux) has landed with added dev-mode safety checks for common errors, and a fix for when React-Redux hooks are imported into React Server Component files. ▶[How to Build Animated, Responsive Tablet UIs with React Native](https://www.youtube.com/watch?v=JU4VBbe23jg) — No speaking, just 100 minutes of gentle piano music, coding, and chilled vibes sitting by the lake. Really. Takuya Matsuyama [Finish Your Projects](https://github.com/readme/guides/finish-your-projects) — Planetscale’s Aaron Francis discusses the challenges and importance of finishing projects, focusing on embracing the grind of the last 10% of a project and overcoming the fear of releasing it. Aaron Francis 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ztqxrrum2gj6jbowvww8.jpg)](https://rewind-ui.dev/) [Rewind-UI: Customizable React + Tailwind CSS Component Library](https://rewind-ui.dev/) — A React component library fitting into the Tailwind CSS way of thinking. You can play with a live demo of some basic customizations on the homepage. It’s still in beta but there are about [thirty components](https://github.com/rewindui/rewindui/tree/main/packages/core/src/components) to get your teeth into so far. Nick Dunas [React Menu 4.0: Components for Building Menus](https://szhsin.github.io/react-menu/) — Flexibility is the name of the game. You can build different styles of menu containing various item types, it supports concurrent rendering, and accessibility is baked in. If you’re already a user, there’s a [v4 migration guide.](https://github.com/szhsin/react-menu/blob/master/docs/migration/v4.md) [GitHub repo.](https://github.com/szhsin/react-menu) Zheng Song [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 sponsor [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/seqoo1jehqdjfq23kqmh.jpg)](https://github.com/algolia/autocomplete#readme) [Algolia AutoComplete: A Fast, Full-Featured Autocomplete Library](https://github.com/algolia/autocomplete#readme) — This isn’t a UI widget – you’re in full control of rendering the experience – but this will you wire up the experience you want users to have. There’s a [getting started tutorial](https://www.algolia.com/doc/ui-libraries/autocomplete/introduction/getting-started/) and a [CodeSandbox demo](https://codesandbox.io/s/github/algolia/autocomplete/tree/next/examples/playground?file=/app.tsx) where you can play around with some live code. Algolia [Code Hike: Build Smart Code Walkthroughs for the Web](https://codehike.org/) — A plugin for MDX (in React only, in this case) to display code, along with annotations and spotlighting ([demo](https://codehike.org/demo/spotlight-preview)) – ideal for blog posts, documentation, tutorials, and the like. Code Hike Team [react-spreadsheet-import: Automate Spreadsheets and CSV Imports](https://github.com/UgnisSoftware/react-spreadsheet-import) — Built with [Chakra UI](https://chakra-ui.com) and complete with automated column matching and validation. Ugnis [react-svg-file-zoom-pan](https://github.com/ComPlat/react-svg-file-zoom-pan) — Display an external SVG file/string as a React component, complete with pan and zoom. **QUICK RELEASES:** - [Jotai 2.2](https://github.com/pmndrs/jotai/releases/tag/v2.2.0) ↳ Primitive and flexible state management option. - [Tremor 3.1](https://github.com/tremorlabs/tremor) ↳ React library to build dashboards fast. - [reactstrap 9.2](https://reactstrap.github.io/?path=/story/home-installation--page) ↳ Simple React Bootstrap 5 components. - [Plyr React 5.3](https://github.com/chintan9/plyr-react) ↳ Responsive, customizable media player. - [React PayPal JS 8.0](https://github.com/paypal/react-paypal-js) ↳ Components for PayPal's JS SDK. - [React-Calendar 4.3](https://github.com/wojtekmaj/react-calendar) 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