--- title: "One dinosaur that certainly isn't extinct." publication: "React Status" issue: 300 published_at: "2022-08-03" canonical_url: "https://react.statuscode.com/issues/300" --- Plus an image zooming component, playing with shaders from React, and all the usual releases. | #​300 — August 3, 2022 [Read on the Web](https://react.statuscode.com/issues/300) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/wk067zafg9mn4ukjciuy.jpg)](https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0) [Docusaurus 2.0 Released](https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0) — If you’ve not used Docusaurus yourself, you’ve almost certainly read sites built with it – _it’s everywhere_! After four years of effort, [version 2.0](https://github.com/facebook/docusaurus) of the popular React-powered documentation-_focused_ static site generator (but you could use it for other things) has dropped. This new version was rebuilt from scratch, and adds [MDX](https://github.com/mdx-js/mdx) support, a new plugin system, theming, dark mode, SPA navigation, offline support, and more. _Roar!_ Meta (Facebook) [From 500ms to 1.7ms in React](https://orizens.com/blog/500ms-to-1-7ms-in-react-a-journey-and-a%20checklist/) — A sluggish customized grid triggered a journey to analyze and understand the bottlenecks involved, followed by making improvements leading to a dramatic performance improvement (or _roaring fast_, you could say). Oren Farhi [![\](https://copm.s3.amazonaws.com/e77f801a.png)](https://ad.doubleclick.net/ddm/clk/534191886;342425616;n) [The Default HTML Calendar vs. a Commercial React Calendar](https://ad.doubleclick.net/ddm/clk/534191886;342425616;n) — Check out the differences between the default HTML Calendar and the KendoReact Calendar, as an example of a feature-rich commercial component. We'll look at consistency, customizability, accessibility and ease of development - [let's dive in](https://ad.doubleclick.net/ddm/clk/534191886;342425616;n). Progress KendoReact sponsor **Quick bits:** - 3️⃣0️⃣0️⃣ Talking of dinosaurs, we've made it to issue 300! It's been fun doing React Status so far. Thanks for reading - I know some of you have been here since [issue 1](https://react.statuscode.com/issues/1) (which now looks amazingly spartan in comparison)! :-) - The Discord team has announced [it's moving to React Native](https://discord.com/blog/android-react-native-framework-update) for their Android app for improved consistency across platforms. 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 [Using the `useState` Hook with TypeScript](https://www.robinwieruch.de/typescript-react-usestate/) — A quick example. _“Mostly you can rely on TypeScript’s ability to automatically infer the type. However, sometimes you need to use type arguments from TypeScript to help the TS compiler out.”_ Robin Wieruch [The Study of Shaders with React Three Fiber](https://blog.maximeheckel.com/posts/the-study-of-shaders-with-react-three-fiber/) — A complete guide on how to use [shaders](https://en.wikipedia.org/wiki/Shader) with React Three Fiber, work with ‘uniforms and varyings’, and build dynamic, interactive and composable materials with them. A lot to enjoy here if you prefer the more visual and creative end of things. Maxime Heckel 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/qzlt8zzj94fc4zdft5rc.jpg)](https://github.com/nomcopter/react-mosaic) [React Mosaic 5.2: A React Component Tiling 'Window Manager'](https://github.com/nomcopter/react-mosaic) — Provides an API to organize and tile React components across a view. [Demo here.](https://nomcopter.github.io/react-mosaic/) Kevin Verdieck [react-medium-image-zoom 5.0: Medium.com-Inspired Image Zooming](https://github.com/rpearce/react-medium-image-zoom) — If you like the effect that Medium has, this is for you. It’s simple, effective, and the project has been around several years and is quite mature. [Examples here.](https://rpearce.github.io/react-medium-image-zoom/?path=/story/introduction--page) Robert Pearce [Build Your Own Synthetic User Testing](https://newrelic.com/blog/how-to-relic/synthetic-user-testing?utm_source=react-status&utm_medium=community&utm_campaign=global-fy23-q2-synthetic-user-testing) New Relic sponsor [Embla Carousel 7: Carousel with Fluid Motion and 'Swipe Precision'](https://www.embla-carousel.com/) — A much maligned UI element, but the [examples](https://www.embla-carousel.com/examples/basic/) worked pretty well for us. Library agnostic but has easy integrations for React, Vue, and Svelte, if you need them. David Jerleke [react-use: A Large Collection of Useful Hooks](https://github.com/streamich/react-use) — A real grab bag covering things from tracking battery state and geolocation to setting favicons, debouncing, and playing videos. Va Da **⚡️ THE RAPID RELEASES ROUND** [Redwood 2.2](https://github.com/redwoodjs/redwood/releases/tag/v2.2.0) – React-backed full-stack framework. [Gestalt 63.0](https://github.com/pinterest/gestalt) – Pinterest's React UI components. [React Native Boilerplate 3.5](https://github.com/thecodingmachine/react-native-boilerplate) – A starter template for RN apps. [React Mosaic 5.2](https://github.com/nomcopter/react-mosaic) – React tiling window manager. [react-xr 4.1](https://github.com/pmndrs/react-xr) – Create VR/AR apps on react-three-fiber. [Jotai 1.7.7](https://github.com/pmndrs/jotai) – Simple, flexible state management. [React Chrono 1.18](https://github.com/prabhuignoto/react-chrono) – Modern timeline component. [react-three-fiber 8.2.2](https://github.com/pmndrs/react-three-fiber) – React renderer for Three.js. [react-native-mmkv-storage 0.8](https://github.com/ammarahm-ed/react-native-mmkv-storage) – Fast, encrypted mobile key-value store. 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