--- title: "How Slack added analytics and logging to their React-powered app" publication: "React Status" issue: 215 published_at: "2020-11-18" canonical_url: "https://react.statuscode.com/issues/215" --- Plus Chakra UI 1.0, a what's new in React podcast, and how TypeScript can play well with React. #215 — November 18, 2020 [Read on the Web](https://react.statuscode.com/issues/215) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1605704811/wmdw0jjupzexy7ni3fzp.jpg)](https://epicreact.dev/importing-react-through-the-ages/) [Importing React Through the Ages](https://epicreact.dev/importing-react-through-the-ages/) — Kent looks at the wide variety of ways you can import React now and why he prefers a specific one. It’s certainly worth a reminder that `import React from 'react'` [will not be supported in future](https://twitter.com/dan_abramov/status/1308739731551858689?s=20). Kent C. Dodds [Creating a React Analytics Logging Library](https://slack.engineering/creating-a-react-analytics-logging-library/) — We love getting a peek behind the curtain of a large scale, mainstream platform: this time it’s [Slack](https://slack.engineering) where three of their engineers detail the work on analytics logging in their React-driven desktop app. Konstantin Savransky, Fabio Canache, Justin Huddleston [![\](https://copm.s3.amazonaws.com/ea72763d.png)](https://frontendmasters.com/courses/vue-3/?utm_source=newsletter&utm_medium=email&utm_campaign=reactstatus&utm_content=vue-3) [Vue 3 Is Out! Jump into Vue 3 Quickly in This New Course by Sarah Drasner](https://frontendmasters.com/courses/vue-3/?utm_source=newsletter&utm_medium=email&utm_campaign=reactstatus&utm_content=vue-3) — Learn fundamental concepts in Vue, such as directives, methods, and computed watchers. You’ll learn Vue’s reactivity system and the new Composition API in Vue 3. Frontend Masters sponsor [Chakra UI 1.0: A Modular Component Library for React](https://chakra-ui.com/) — A set of WAI-ARIA-enabled, themeable components for building React apps. v1 upgrades to React 17 and Emotion 11, there’s also now a component theming API. chakra ui [Build Your Own Stickers Component with react-konva](https://blog.theodo.com/2020/11/react-konva-stickers/) — Stickers are seemingly everywhere. It’s no wonder given their propensity to trigger engagement. This tutorial walks through the use of the [Konva](https://konvajs.org) HTML5 [Canvas](https://www.w3schools.com/html/html5_canvas.asp) animation library (enabled by [React Konva](https://github.com/konvajs/react-konva)) to add stickers to your app. Sarah Hamilton ▶[What’s New in React With Shawn Wang](https://devchat.tv/react-round-up/rru-124-whats-new-in-react-with-shawn-wang/) — ‘[Swyx](https://www.swyx.io)’ is a popularly followed developer in the React community. Listen in on his conversation with [TJ VanToll](https://www.tjvantoll.com) where he discusses what’s new in React Core, the React routing world, React DevTools, and more. React Round Up podcast 💻 Jobs [Senior Web Developer (Node/ReactJS) - Remote](https://www.komoot.com/jobs/senior-web-developer) — Millions get inspired and plan adventures with our apps. To help us make [komoot.com](https://www.komoot.com) the place to go to plan outdoor adventures, we’re looking for a one of a kind Web Developer to join our team. Komoot [Find a Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers. Vettery 🧑‍💻 _Interested in running a job listing in React Status? There's [more info here.](https://booking.cooperpress.com/jobs)_ 📘 Tutorials and Stories [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_blur:200,e_tint/au5fcn2wthyalpvhu394.jpg)](https://t.co/IHLN87SoHC?amp=1) [How to Build Awesome Tables with React Table](https://t.co/IHLN87SoHC?amp=1) — This ‘zero-to-cruising speed’ tutorial takes the popular [React Table](https://react-table.tanstack.com) library and goes through a detailed, concrete example which will bootstrap your own efforts. Matthew Brown [Why I Will No Longer be Using `console.log()` to Check React State Updates](https://dev.to/hymanaharon/why-i-will-no-longer-be-using-console-log-to-check-react-state-updates-29el) — Every time there's a poll about it, `console.log()` comes out as developers' go-to debugging approach 😏 but if you want to take one gentle step further, perhaps give `console.table()` a try, like this author did. Aharon Hyman [8 Key Factors When Deciding to Build In-House or Buy a UI Library](https://www.telerik.com/blogs/how-to-decide-between-building-in-house-and-buying-a-ui-component-library?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-build-or-buy&utm_content=sponsored-link) — Faced with the choice of building UI internally vs adopting a ready-made component suite? [Make an informed decision](https://www.telerik.com/blogs/how-to-decide-between-building-in-house-and-buying-a-ui-component-library?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-build-or-buy&utm_content=sponsored-link). Progress KendoReact sponsor ▶[TypeScript + React = ❤️](https://multithreaded.stitchfix.com/blog/2020/11/09/react-typescript/) — If you’re suffering pandemic-induced withdrawal because you haven’t attended a conference in _months_, why not set aside 90 minutes and have this engaging speaker walk you through the finer points of using [TypeScript](https://www.typescriptlang.org). It’s almost like being there. Ben Ilegbodu [Building a Podcast Site Using Gatsby, React, Netlify and Amazon S3](https://dev.to/vincentntang/building-a-podcast-site-using-gatsby-react-netlify-and-amazon-s3-58m7) — According to [one source](https://podcasthosting.org/podcast-statistics/) there are now 1.5 million podcasts with over 34 million episodes. If one of those is yours and you fancy skipping the popular services to roll your own, this may give you some ideas. Vincent Tang [Authenticating React Apps with Auth0](https://www.smashingmagazine.com/2020/11/authenticating-react-apps-auth0/) — [Auth0](https://auth0.com) is a commercial service that lets users authenticate using whatever method makes sense to them: Google, Facebook, Twitter or a long list of other platforms. Here’s how to integrate it with your React apps. Nefe Emadamerho-Atori [How I Learned to Create Optimized Contexts](https://t.co/brk4PXTN5S?amp=1) — An opinionated roadmap for the use of [React Context](https://reactjs.org/docs/context.html) or _"what I consider to be a good context and how to write one."_ Thomas Juster 🛠 Code and Tools [Downshift: Primitives to Build Accessible React Dropdowns, Comboboxes, and More](https://www.downshift-js.com/) — Somehow we missed the [6.0.0 release](https://github.com/downshift-js/downshift/releases/tag/v6.0.0) but this popular library continues to get updated on a frequent basis. PayPal et al. [Rockpack: Reduce Project Setup from Weeks to Minutes?](https://github.com/AlexSergey/rockpack) — It seems like a tall order, particularly when it comes complete with “server side rendering, bundling, linting, testing, logging [and] localizing” but it certainly offers an alternative to _Create React App._ Sergey Aleksandrov [Replay: A Game Engine Inspired by React](https://replay.js.org/) — An opportunity to migrate at least some of your React skills over to the gaming space? Ed Bentley [Stream Announced the Public v2.0 Availability of Their React Native SDK](https://getstream.io/blog/stream-react-native-v2-sdk-release/?source=reactstatus_sponsorship) Stream sponsor [styled.macro: A Brand New Styling Library for React Native](https://github.com/z0al/react-native-restyled) — It’s just out, but it’s a comprehensive library. Described as a “utility-first” it’s your opportunity to have your React Native app stand out from the crowd, at least until everybody else catches up with you. Ahmed T. Ali [ui-neumorphism: React Components for the 'New Skeuomorphism'](https://github.com/AKAspanion/ui-neumorphism) — It’s hard to know whether this is a fad or something which is here for the long haul, but we like its delicate bubbly look. It has almost a _[Minority Report](https://en.wikipedia.org/wiki/Technologies_in_Minority_Report)_ feel to it, don’t you think? Ankit Kumar Pandit [ESP8266 IoT Framework: UI Powered by React](https://github.com/maakbaas/esp8266-iot-framework) — [IoT](https://en.wikipedia.org/wiki/Internet_of_things) is currently one of the hottest subjects in tech. Despite that, it doesn’t seem to come up much in the React community. Here’s an exception to that generalization related to the [ESP8266](https://en.wikipedia.org/wiki/ESP8266) technology. Maakbaas **⚡️ Quick Bits:** Some handy libraries tightly focused on doing just one thing well. One of them could be your missing piece of the puzzle: - [react-native-svg-icon](https://github.com/stowball/react-native-svg-icon) by [Matt Stow](https://github.com/stowball). - [react-native-input-spinner](https://github.com/marcocesarato/react-native-input-spinner) by [Marco Cesarato](https://www.cesarato.altervista.org). - [react-number-easing](https://github.com/javierbyte/react-number-easing) by [Javier Bórquez](https://twitter.com/javierbyte) - [EasyQRCodeJS](https://github.com/ushelp/EasyQRCodeJS) by [Easy Project](https://easyproject.cn) - [react-animated-numbers](https://github.com/heyman333/react-animated-numbers) by [Yeongsu Han](https://github.com/heyman333) 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