--- title: "React's new Developer Tooling team" publication: "React Status" issue: 260 published_at: "2021-10-13" canonical_url: "https://react.statuscode.com/issues/260" --- Plus $3m for Remix, a new VS Code extension for looking at your component hierarchy, and lots of releases. | #​260 — October 13, 2021 [Read on the Web](https://react.statuscode.com/issues/260) React Status ⚛️ Your weekly React news digest, _every Wednesday_. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/k2f2brffz6vdnniaq3ze.jpg)](https://t.co/GVhzNsDn0c?amp=1) [Introducing Sapling, a VS Code Extension for Traversing Your React Component Hierarchy](https://t.co/GVhzNsDn0c?amp=1) — As your React codebase grows both in size and complexity, navigating the component hierarchy becomes increasingly difficult and time-consuming. [Sapling](https://marketplace.visualstudio.com/items?itemName=team-sapling.sapling) adds an interactive dependency tree to the VS Code sidebar complete with available props for each component and easy navigation to the related files. Team Sapling [ReacType 8.0: Popular React Prototyping Tool Now Exports with Tests](https://t.co/FFgiEThFp8?amp=1) — The new release of [ReacType](https://reactype.io)—the React GUI-based prototyping tool—has been enhanced with exports now including Jest and Enzyme tests for React, Next.js and Gatsby. William Rittwage [![\](https://copm.s3.amazonaws.com/227562ff.png)](https://www.springboard.com/courses/software-engineering-career-track/?utm_source=react_status&utm_medium=newsletter_ad&utm_campaign=sec&utm_term=nov_cohort) [Start Learning Software Engineering Today](https://www.springboard.com/courses/software-engineering-career-track/?utm_source=react_status&utm_medium=newsletter_ad&utm_campaign=sec&utm_term=nov_cohort) — Ready to get started learning software engineering? Learn 1:1 with an expert mentor to master the skills, build your personal portfolio, and gain experience needed to land a role in software engineering. Apply to Springboard's Software Engineering Bootcamp to start your journey today. Springboard sponsor **QUICK BITS:** - The React project has announced [a new React Developer Tooling team](https://twitter.com/reactjs/status/1446571618113839112) made up of Brian Vaughn, only juan, Luna Ruan, and Jason Bonta. The goal is for the team to support developer tooling efforts across the entire React technology suite. - The folks behind _React Training_ and _React Router_ have been working on a full stack framework called _Remix_ which, till now, has only been available to paying supporters. They have just [announced they've received $3m in funding](https://remix.run/blog/seed-funding-for-remix) and will be open sourcing _Remix_ imminently. [Converting a React Component to TypeScript](https://dev.to/mbarzeev/converting-a-react-component-to-typescript-15cl) — By methodically working through the errors encountered in the process, the author provides an instructive summary of what it takes to modify a standard React component to use TypeScript. Matti Bar-Zeev [How Kent C Dodds Built His Modern Website in 2021](https://kentcdodds.com/blog/how-i-built-a-modern-website-in-2021) — A walkthrough of the architectural and implementation decisions Kent made as he rewrote his [personal website](https://kentcdodds.com). By his own admission, it is over-engineered for the requirements if it was simply a ‘blogfolio’ website. However he was looking to demonstrate an “above and beyond” experience beyond the reach of simpler approaches. Kent C. Dodds Jobs [React Native Engineer at IGN (Remote)](https://jobs.jobvite.com/careers/ign/job/o1l4ffwp) — IGN, leading publisher of video game & entertainment news, is seeking a full time engineer to join us and help build the next generation of mobile apps. Interested? We'd love to talk. IGN [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 Create a React Radio Button](https://www.robinwieruch.de/react-radio-button) — A short tutorial on the humble UI staple as implemented in React. Robin Wieruch beginner [React Calendar Vs. Scheduler: What’s the Difference & When to Use Them](https://www.telerik.com/blogs/react-calendar-vs-react-scheduler-whats-difference-when-use?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-awareness-general&utm_content=blog-calendar-vs-scheduler) Progress Kendo React sponsor [Graph Data Visualization with GraphQL and react-force-graph](https://lyonwj.com/blog/graph-visualization-with-graphql-react-force-graph) William Lyon [A 'New Post' Node.js Script for Next.js](https://elijahmanor.com/blog/nextjs-new-post) Elijah Manor [How to Detect Slow Renders in React?](https://alexsidorenko.com/blog/react-performance-slow-renders/) Alex Sidorenko [Redux Is Dead: Long Live Redux Toolkit](https://blog.openreplay.com/redux-is-dead-long-live-redux-toolkit) Victoria Lo 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/l41l8shzcsknde4x7e67.jpg)](https://github.com/pmndrs/react-spring) [react-spring: Spring Physics Animation Library](https://github.com/pmndrs/react-spring) — Natural, fluid animation is achieved using [spring physics](https://developer.android.com/guide/topics/graphics/spring-animation) which eschews defined curves and set durations. Spring physics employs the notion of spring stiffness and damping to each animation frame to achieve a much more natural effect. There's also an [official homepage](https://react-spring.io/) with links to cool demos like [this one](https://codesandbox.io/embed/j0y0vpz59). Paul Henschel et al. [dnd-kit: A New 'Kit on the Block' for Drag and Drop](https://github.com/clauderic/dnd-kit) — Drag-and-drop functionality, which used to be a rarity with web apps, is now a base expectation by most users. This library promises to make your components drag-and-droppable with just a few lines of code. Claudéric Demers [Mantine 3.0: Full Featured React Component Library](https://mantine.dev/) — 3 months after 2.0, they’re [ack with a 3.0 release.](https://mantine.dev/changelog/3-0-0/) It’s an MIT licensed, TypeScript-based collection of now over 100 components and hooks with native dark theme support and a focus on usability and accessibility. Mantine Team [ReactFire: Interact with Firebase](https://github.com/FirebaseExtended/reactfire) — “Hooks, context providers, and components” for interaction with [Firebase](https://firebase.google.com), Google’s platform for creating mobile and web applications. FirebaseExtended [react-codemirror: The Popular Code Editor Made Available in React](https://github.com/uiwjs/react-codemirror) — The [CodeMirror](https://codemirror.net) text editor is implemented in JavaScript and runs in a browser. This library enables it to be incorporated into your React app. uiw [Caroumesh: Display 3D Objects in a Carousel Setting](https://github.com/Adonis-Stavridis/caroumesh) — An extension of the carousel concept to enable the browsing of 3D objects in a familiar manner. Adonis Stavridis ## ⚡️ Quick Bits: - [React Native Panorama View](https://github.com/lightbasenl/react-native-panorama-view) — Panoramic image viewer for Android & iOS. - [React-Intl-Tel-Input](https://github.com/patw0929/react-intl-tel-input) — Validate international telephone numbers. - [react-ux-form](https://github.com/swan-io/react-ux-form) — A simple, opinionated form library. - [Nice Modal](https://github.com/eBay/nice-modal-react) — Zero dependency modal management, as illustrated in this [demo](https://ebay.github.io/nice-modal-react/). 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