React·6yIntroducing 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.
Hashnode·6y5 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.
Hashnode·6yMaking 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.
ITNEXT·6y60 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.
Hashnode·6yBest 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.
gitconnected·6yUnderstanding 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.
Hashnode·6yReact & 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.
Hashnode·6yWhy 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.
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.
