--- title: "Reading React's source code – two takes" publication: "React Status" issue: 298 published_at: "2022-07-20" canonical_url: "https://react.statuscode.com/issues/298" --- Plus turning SVGs into React components, and digging into React Native 0.69. | #​298 — July 20, 2022 [Read on the Web](https://react.statuscode.com/issues/298) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/gtkneagpv6mksdb31s8k.jpg)](https://alexkondov.com/readint-source-code-react/) [Reading React's Source Code](https://alexkondov.com/readint-source-code-react/) — What better way to get a feel for a project than to dive into the code? Despite being daunted by the process, Alex decided to take a look, focusing mostly on React’s _design_ and the practices employed by React’s developers over the years. Alex Kondov ▶[Blazingly Fast 'React' with Fresh](https://www.youtube.com/watch?v=Q4dos7-gX68) — One of the most popular React YouTubers out there heads Deno-side to look at [Fresh](https://fresh.deno.dev/), a new islands-based web framework that doesn’t use React _per se_ but.. close enough, with Preact and JSX for rendering and templating. Jack Herrington [![\](https://copm.s3.amazonaws.com/3365bb8b.png)](https://www.courier.com/blog/series-b-make-notifications-delightful/?utm_campaign=demand-gen&utm_source=email&utm_medium=react-status-07-20&utm_content=fundraise-blog) [GV (Google Ventures) Invests $35M Into React Notification Infrastructure](https://www.courier.com/blog/series-b-make-notifications-delightful/?utm_campaign=demand-gen&utm_source=email&utm_medium=react-status-07-20&utm_content=fundraise-blog) — Too many engineering resources are wasted on notification template building and routing rules. This scalable and reliable no-code UI has parity with a robust API that lets you deliver to your users their preferred experience. Courier.com sponsor [A Look at Remix and the Differences with Next.js](https://www.smashingmagazine.com/2022/07/look-remix-differences-next/) — A good feature-by-feature comparison of the two React-based frameworks that share a ton of similarities but some key differences. Facundo Giuliani [React, Vue, Angular and Svelte Popularity by the Numbers](https://gist.github.com/tkrotoff/b1caa4c3a185629299ec234d2314e190) — Some will argue you can’t measure the immeasurable, but this is a multifaceted (and frequently updated) attempt to quantify the popularity of popular front-end frameworks using public data. Unsurprisingly, React sits on top. Tanguy Krotoff **Quick bits:** - The _React Brussels 2022_ event is donating 10% of its profits to a project.. could it be yours? If you have an open-source project related to React, [fill out this form](https://docs.google.com/forms/d/e/1FAIpQLSftvS2sf_tQ_IoVG3UaFhSYK64cDTJVZMAKKLJrzGbNsvhKWA/viewform) for a chance of some extra support. - The [first release candidate of Docusaurus 2.0](https://github.com/facebook/docusaurus/releases/tag/v2.0.0-rc.1), an increasingly popular React and MDX powered content site framework, is out. More on [their release process here](https://docusaurus.io/community/release-process). - Michael Leon of the React Native team explains how [Hermes will be the default JavaScript engine](https://reactnative.dev/blog/2022/07/08/hermes-as-the-default) in React Native 0.70 onwards and what the benefits are (faster app startup times, for one). [React Hooks: The Deep Cuts](https://css-tricks.com/react-hooks-the-deep-cuts/) — Simple introductions to five of React’s allegedly “lesser-known” hooks, namely: `useReducer`, `useRef`, `useImperativeHandle`, `useMemo` and `useCallback` Blessing Ene Anyebe ▶[Call Kent Podcast: Do You Read the React Source Code?](https://kentcdodds.com/calls/01/66/do-you-read-the-react-source-code) — Kent’s massive, online, never-ending Q&A session. You, too, can record your question and Kent will listen to it, respond and both will appear in the podcast feed. This time around, Kent comments on a question about reading React source which he doesn't read _often_ but sees occasional value in doing so. _(4 minutes.)_ Kent C. Dodds podcast 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 React's `useRef` Hook with TypeScript](https://www.robinwieruch.de/typescript-react-useref/) Robin Wieruch ▶[Digging into React Native 0.69](https://reactnativeradio.com/episodes/rnr-242-inspecting-react-native-069) React Native Radio podcast [Storing State in `localStorage`](https://www.robinwieruch.de/local-storage-react/) Robin Wieruch 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/jksi5vailfap0orcuqsh.jpg)](https://github.com/gregberge/svgr) [SVGR: Transform SVGs into React Components](https://github.com/gregberge/svgr) — If that sounds too good to be true, copy your favourite [SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) file and paste it into their [playground](https://react-svgr.com/playground/). Greg Bergé [react-burger-menu: An Off-Canvas Sidebar Component using CSS Transitions and SVG Path Animations](https://negomi.github.io/react-burger-menu/) — The demo on the homepage lets you try out all the different animation effects for making the menu appear. I never realized there we so many ways to have a menu appear! [GitHub repo](https://github.com/negomi/react-burger-menu/). Imogen Wentworth [Retool Tech Talk: Learn How Snowflake Automated User Access Reviews to Operate Faster](https://app.livestorm.co/retool/retool-tech-talk-how-snowflake-automated-user-access-reviews-to-operate-faster/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=cooperpress) Retool sponsor [TanStack Table v8: Headless UI for Building Tables and Datagrids](https://tanstack.com/table/v8) — Want the hard work of managing a table or data grid element taken care of _but_ want to keep 100% control over markup and styles? This is what you need (if the idea of a ‘headless UI’ is new to you, [read this intro](https://tanstack.com/table/v8/docs/guide/introduction)). Note that it’s not _just_ for React (vanilla, Vue, Solid and Svelte developers will be happy too). Tanner Linsley [fireworks-js](https://github.com/crashmax-dev/fireworks-js) — A simple library for rendering firework effects – now in its second major release. [react-simply-carousel](https://github.com/vadymshymko/react-simply-carousel) — Simple, lightweight, fully-customizable carousel component with SSR support. [react-easy-infinite-scroll-hook](https://github.com/vdmrgv/react-easy-infinite-scroll-hook) — A hook that adds infinite scroll to any component, as illustrated in their [demo](https://codesandbox.io/s/react-easy-infinite-scroll-hook-6w9szb). [react-super-responsive-table](https://github.com/coston/react-super-responsive-table) — Display table data in a way that scales down nicely on mobile. **⚡️ THE RAPID RELEASES ROUND** [react-spring 9.5](https://github.com/pmndrs/react-spring) – Spring physics-based React animation library. [react-spreadsheet-grid 2.1](https://github.com/denisraslov/react-spreadsheet-grid) – Excel-like grid component. [Remotion 3.1.3](https://github.com/remotion-dev/remotion) – Create videos programmatically with React. [react-three-fiber 8.2](https://github.com/pmndrs/react-three-fiber) – React renderer for Three.js. [react-native-permissions 3.6](https://github.com/zoontek/react-native-permissions) – An Unified permissions API on iOS and Android. [react-big-calendar 1.5](https://github.com/jquense/react-big-calendar) 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