--- title: Best React posts — September 2020 | daily.dev description: The most upvoted React posts from September 2020, curated by the daily.dev community. canonical: https://daily.dev/tags/react/best-of/2020/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/react/best-of/2020/09 og:type: website og:site_name: daily.dev og:title: Best React posts — September 2020 | daily.dev og:description: The most upvoted React posts from September 2020, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of React — September 2020 1. 1 [](https://daily.dev/posts/introducing-the-new-jsx-transform-or9w0itqn "Introducing the New JSX Transform") Article React · 6y Introducing the New JSX Transform React 17 RC includes support for a new version of the JSX transform. Upgrading to the new transform is completely optional, but it has a few benefits. It will enable future improvements that reduce the number of concepts you need to learn React. There are some performance improvements and simplifications that React.createElement does not allow. 26 1 2. 2 [](https://daily.dev/posts/introducing-visx-from-airbnb-tv-fx0peu "Introducing visx from Airbnb") Article Airbnb · 6y Introducing visx from Airbnb Airbnb is releasing visx (formerly vx) to unify our visualization stack across the company. visx brings together the power of D3 with the joy of React. It’s all the same standard APIs and familiar patterns, so visx should feel at home in any React codebase. 17 2 3. 3 [](https://daily.dev/posts/5-react-good-practices-jnkiplw9f "5 React Good Practices") Article Hashnode · 6y 5 React Good Practices React Native is a React-based app that lets you build apps with React Native. Here are 5 good practices to keep in mind when working with React. Remember to keep your components small and function-specific. Consider using the DRY principle when creating methods. Write tests for your components. Use React PropTypes or TypeType to check for bugs. 18 1 4. 4 [](https://daily.dev/posts/making-draggable-components-in-react-7j-xlusu2 "Making Draggable Components in React") Article Hashnode · 6y Making Draggable Components in React As user interactivity becomes more prevalent in modern apps, it is sometimes nice to have draggable components implemented in your apps. In this article, we are introduced to react-draggable and how we use it to make draggability components. We have also discussed a few of its many properties that can further customize the dragGable component. 16 1 5. 5 [](https://daily.dev/posts/60-most-popular-js-repositories-on-github-in-july-and-august-2020-fe---sp "60 most popular JS repositories on GitHub in July and August 2020") Article ITNEXT · 6y 60 most popular JS repositories on GitHub in July and August 2020 60 most popular JS repositories on GitHub in July and August 2020 Iren Korkishko reviewed more than 500 open-source JS projects on GitHub. Hexo is a fast, simple, and powerful blog framework, powered by Node.js. Hyperapp is a tiny framework for building hypertext applications. SurveyJS is a modern way to add surveys and forms to your website. 17 6. 6 [](https://daily.dev/posts/best-free-react-dashboards-resources-for-every-react-developer-nndddcrgn "Best Free React Dashboards & Resources for every React Developer") Article Hashnode · 6y Best Free React Dashboards & Resources for every React Developer React was developed by Jordan Walke, it’s open-source JavaScript library purposed to create useful web applications. It was implemented initially on the Facebook newsfeed in back 2011, followed the concept, and was implemented by Instagram in 2012\. React allows developers to create a large web application with ease. 16 7. 7 [](https://daily.dev/posts/understanding-the-difference-between-usememo-and-usecallback-dsh2ziss3 "Understanding the difference between useMemo and useCallback") Article gitconnected · 6y Understanding the difference between useMemo and useCallback React provides us with two built-in hooks to optimize the performance of our app. At first glance, it might look like their usage is quite similar, so it can get confusing about when to use each. To clear that confusion, let’s dig in and understand the actual difference and the correct way to use them both. 15 3 8. 8 [](https://daily.dev/posts/react-jwt-authentication---the-right-way--knjoiyglt "React & JWT Authentication - the right way!") Article Hashnode · 6y React & JWT Authentication - the right way! In this series of posts, we create a secured end-to-end JWT-based authentication mechanism using NodeJS, Express, PassportJS, and React. In this part, we focus on the client-side. If you haven't read Part 1, I strongly encourage you to do so before proceeding with this part. 14 1 9. 9 [](https://daily.dev/posts/detect-toxic-language-with-tensorflow-js-65-yxneg1 "Detect toxic language with TensorFlow.js") Article Hashnode · 6y Detect toxic language with TensorFlow.js In this tutorial I am going to show you how to detect toxic language within a React app with TensorFlow. As an example, we are going to create a simple chat. Because the goal is not to make a beautiful UI, I'm going to skip the CSS part. 14 10. 10 [](https://daily.dev/posts/what-we-learned-after-using-react-native-for-a-year-p0-e3umvd "What we learned after using React Native for a year") Article Hashnode · 6y What we learned after using React Native for a year This domain name expired on 2021-10-09 15:46:38\. Click here to renew it. This domain name was last used on 10/10/09 at: http://www.dailymailonline.co.uk/news/article-267070.html?storylink=cpy. 13 11. 11 [](https://daily.dev/posts/why-react-keys-matter-an-introduction-k-hcq0lum "Why React Keys Matter: An Introduction") Article Hashnode · 6y Why React Keys Matter: An Introduction Each child in a list should have a unique “key” prop. Keys serve as identification for an element just like how passports are used to identify people. Keys should be a unique identifier so that each element can be identified properly. It is recommended to use some uniquely generated keys as the key to a dynamically rendered list. 12 2 12. 12 [](https://daily.dev/posts/what-s-hot-in-web-development-weekly-picks-147-dexcodrhf "🔥 What's Hot in Web Development? — Weekly Picks #147") Article daily.dev · 6y 🔥 What's Hot in Web Development? — Weekly Picks #147 This week is all about frontend development! React news, CSS selectors cheatsheet, visx by Airbnb, and more. As always, all posts were ranked by dailydev community. Shout out to all the authors. 🌟 This week's top posts: 24 Coolest VSCode Extensions. 10 [See all React archives](/tags/react/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/react/best-of/2020/09#page","url":"https://daily.dev/tags/react/best-of/2020/09","name":"Best React Posts — September 2020","description":"The most upvoted React posts from September 2020, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/react/best-of/2020/09#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/introducing-the-new-jsx-transform-or9w0itqn","name":"Introducing the New JSX Transform"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/introducing-visx-from-airbnb-tv-fx0peu","name":"Introducing visx from Airbnb"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/5-react-good-practices-jnkiplw9f","name":"5 React Good Practices"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/making-draggable-components-in-react-7j-xlusu2","name":"Making Draggable Components in React"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/60-most-popular-js-repositories-on-github-in-july-and-august-2020-fe---sp","name":"60 most popular JS repositories on GitHub in July and August 2020"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/best-free-react-dashboards-resources-for-every-react-developer-nndddcrgn","name":"Best Free React Dashboards & Resources for every React Developer"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/understanding-the-difference-between-usememo-and-usecallback-dsh2ziss3","name":"Understanding the difference between useMemo and useCallback"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/react-jwt-authentication---the-right-way--knjoiyglt","name":"React & JWT Authentication - the right way!"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/detect-toxic-language-with-tensorflow-js-65-yxneg1","name":"Detect toxic language with TensorFlow.js"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/what-we-learned-after-using-react-native-for-a-year-p0-e3umvd","name":"What we learned after using React Native for a year"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/why-react-keys-matter-an-introduction-k-hcq0lum","name":"Why React Keys Matter: An Introduction"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/what-s-hot-in-web-development-weekly-picks-147-dexcodrhf","name":"🔥 What's Hot in Web Development? — Weekly Picks #147"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"React","item":"https://daily.dev/tags/react"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/react/best-of"},{"@type":"ListItem","position":5,"name":"September 2020"}]}]} ```