--- title: "The story of concurrent rendering in React" publication: "React Status" issue: 287 published_at: "2022-05-04" canonical_url: "https://react.statuscode.com/issues/287" --- Plus a tool to instantly open a component's source code when you click on it. | 🇺🇦 #​287 — May 4, 2022 [Read on the Web](https://react.statuscode.com/issues/287) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ss1ehjas1hsb0kz48f2j.jpg)](https://shopify.engineering/react-native-skia-shopify) [Shopify Unveils React Native Skia](https://shopify.engineering/react-native-skia-shopify) — [Skia](https://skia.org/) is a popular (used in Chrome, Android, Firefox, etc.) 2D graphics library and Shopify has brought its 2D drawing capabilities into React Native for you to create your own cross-platform graphics on the fly in any RN app. [GitHub repo.](https://github.com/Shopify/react-native-skia) Shopify ▶[The Story of Concurrent React](https://www.youtube.com/watch?v=NZoRlVi3MjQ) — 2168 days of work covered in just 12 minutes! Kinda. This video aims to bring you up to speed with React’s concurrency story, how the various parts came into place, how they work, and what the benefits are. Tyler McGinnis [![\](https://copm.s3.amazonaws.com/7f92bf4b.png)](https://frontendmasters.com/learn/react/?utm_source=reactstatus&utm_medium=email&utm_content=react) [Updated: Complete React Learning Path](https://frontendmasters.com/learn/react/?utm_source=reactstatus&utm_medium=email&utm_content=react) — Frontend Masters flagship React courses have been released! Take all our React courses in order, from the new Complete Intro to React v7 and Intermediate React v4 courses, to TypeScript and beyond! Frontend Masters sponsor [Why I Don’t Miss React](https://www.jackfranklin.co.uk/blog/working-with-react-and-the-web-platform/) — This **isn’t** a call to drop React or a declaration of it being ‘dead’ or that all web frameworks are useless. But the author did go from using React every day to not using it at all, and it was a more pleasant journey than he was expecting. Jack Franklin **Quick bits:** - Next.js user? [Expect a big upgrade to routing](https://twitter.com/leeerob/status/1521659624516030466) very soon. - React Native 0.69.0 is [on the way](https://github.com/reactwg/react-native-releases/discussions/21) – it'll be the first RN release to ship with React 18 and open up all the concurrent features (for 'new architecture' users only). Jobs [Senior Software Engineers at Turo (SF | Remote/Hybrid Options)](https://www.beforeyouapply.com/team/engineering-at-turo?) — The world's largest car sharing marketplace on a mission to put the world’s 1.5B cars to better use. We're hiring BE, FE, ML, iOS, Android & DevOps roles at all levels. Turo [Fullstack Engineer (Remote, EU Timezones)](https://feather-insurance.com/careers/full-stack-engineer) — We’ve built a product thousands of people love (see [Trustpilot](https://www.trustpilot.com/review/feather-insurance.com) if you don’t believe us). We need your help with Node & TypeScript. Feather [Calling all Empathetic + People-Focused Sr. JavaScript Engineers](https://app.jobvite.com/j?cj=oFwshfwE&s=CooperPress_RS) — We're looking for Node + React developers who want to design architecture, lead teams, and ship features directly to customers. Moz Group [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 [How to Build Your Own Blog with Next.js and MDX](https://www.freecodecamp.org/news/how-to-build-your-own-blog-with-next-js-and-mdx/) — A step-by-step guide to building a basic blog that renders posts written in MDX, which mixes Markdown with React components. Caleb Olojo [React Component Composition Explained](https://felixgerschau.com/react-component-composition/) — Avoid prop drilling, have cleaner, better structured code.. what’s not to like? Felix Gerschau [Keep Up with the Latest in Startups, Tech, & Programming in Just 5 Min](https://tldr.tech/signup?utm_source=rs0504) TLDR Newsletter sponsor ▶[Leverage the Web Platform with Remix](https://devmode.fm/episodes/leverage-the-web-platform-with-remix-run) — A discussion with Remix co-founder [Michael Jackson](https://twitter.com/mjackson) about how Remix is "an outgrowth" of the work that he and [Ryan Florence](https://twitter.com/ryanflorence) did on React Router, and how Remix wants to bring balance by spanning both frontend and backend. The devMode.fm Podcast podcast [How to Display and Animate SVG Images in React Native](https://blog.openreplay.com/working-with-svgs-in-react-native) Samaila Bala (OpenReplay Blog) [How to Build a Complete Next.js App with Vercel and CockroachDB](https://www.cockroachlabs.com/blog/tutorial-nextjs-vercel-cockroachdb/) Aydrian Howard (Cockroach Labs) 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ox8yroe59xliv20iqbdm.jpg)](https://github.com/ericclemmons/click-to-component) [: Instant Access to Component Source Code](https://github.com/ericclemmons/click-to-component) — `Option+Click` React components in your browser to instantly open the source in VS Code. Additionally, `Option+Right-Click` opens a context menu with the parent components’ props, file name, column number and line number. Eric Clemmons [Emoji Mart 5.0: A Customizable Emoji Picker for the Web](https://github.com/missive/emoji-mart) — You can [test it out here.](https://missiveapp.com/open/emoji-mart) Missive [React Toastify 9.0: Notification Boxes Made Easy](https://github.com/fkhadra/react-toastify/releases/tag/v9.0.0) — A popular library. It now supports ‘stacked toasts’, an elegant approach to visualizing growing numbers of notifications. There’s also `useNotificationCenter`, a new hoook for letting you build a notification center on top of React Toastify. [GitHub repo.](https://github.com/fkhadra/react-toastify) Fadi Khadra [Plyr React 4.0: A Responsive Media Player React Component](https://plyr-react.js.org/) — Supports video, audio, YouTube and Vimeo. [GitHub repo.](https://github.com/chintan9/plyr-react) Chintan Prajapati [Loaders](https://uiball.com/loaders/) — A nice collection of simple loaders and spinners for your next project. Griffin Johnston ## ⚡️ Quick Bits: [use-clamp-text](https://github.com/drenther/use-clamp-text) — Fix a multi-line textbox at a given height, with an option to ‘read more’. [react-dropzone](https://github.com/react-dropzone/react-dropzone) — A hook to create a HTML5-compliant drag‑n‑drop zone as shown in this [demo](https://react-dropzone.js.org/#!/Basic%20example). [react-native-figma-squircle](https://github.com/tienphaw/react-native-figma-squircle) — Figma-flavoured [squircles](https://en.wikipedia.org/wiki/Squircle) for React Native. [react-native-reorderable-list](https://github.com/omahili/react-native-reorderable-list) — Reorderable lists for React Native, powered by [react-native-reanimated](https://github.com/omahili/react-native-reorderable-list). [img-comparison-slider](https://github.com/sneas/img-comparison-slider) — Intuitive and effective way to compare images before and after making changes. 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