πŸ€– Coding News ⚑️
27.1K subscribers
2 photos
1 video
807 links
High quality articles, videos, and tutorials about programming πŸ’»

HTML, CSS, Sass, JavaScript, TypeScript, React, Angular, Electron, Node, Vue, GraphQL and other topics πŸ’₯

@CodingChat talk with other engineers
@CodingNewsFeedbackBot advertisement
Download Telegram
​​Many developers continue to use the useState and useEffect hooks to update states, but I have not been fond of this approach. The issue is that it causes the component to mount, remount, and unmount simultaneously, leading to unexpected behavior. As a result, when logging something into the console, you may see the result repeated three times.

⏱️ 6 minutes read

#React
​​Our team is a couple of months into developing a new application, and our suite of unit 240 tests takes 46 seconds to run. That duration is not excessive yet, but it’s increasing in proportion to the number of tests. In a couple of months, it’ll take a couple of minutes to run our tests.

⏱️ 12 minutes read

#Testing #Jest
​​This past week, the Vercel team posted a major announcement on their blog about the release of Next.js 13.4. To provide more context about why this is such an important release, we need to understand how the Vercel team handles releases to the public. Next.js 13 introduced new many new features, but most of them have remained in alpha & beta, even though they were included in the major release.

⏱️ 8 minutes read

#NextJS #React
​​Learn how to organize your Next.js project using a feature-driven structure with the new App Router, allowing for greater flexibility and efficiency in development.

⏱️ 8 minutes read

#React #NextJS
​​While useStateis a simple tool to use, many developers still make mistakes with it. During code reviews, I often see these mistakes made even by experienced people.

⏱️ 7 minutes read

#React
πŸ‘1
​​Node.js 20 has arrived, ushering in a new era of innovation and excitement. This groundbreaking release is slated to make its debut on April 18, 2023, and will ascend to Long-Term Support (LTS) status come October 2023, with ongoing support guaranteed until April 2026.

⏱️ 5 minutes read

#NodeJS
πŸ‘1
​​According to Wikipedia, in computer programming, a code smell is any characteristic in the source code of a program that possibly indicates a deeper problem.

⏱️ 6 minutes read

#Typescript
​​A thread on Reddit Beginner here, start with react, svelte, or solid? caught my eye and gave me a chance to hash out some of my own thoughts on these platforms and where beginners should start in 2023.

⏱️ 9 minutes read

#Frontend #React #vue
​​In the realm of front-end development, terms and paradigms can sometimes be mystifying, and β€˜headless UI’ or β€˜headless components’ may very well belong to this category. If you’re scratching your head wondering what these mean, you’re not alone. In fact, despite the confusing moniker, these concepts are compelling strategies that can significantly simplify the management of complex user interfaces.

⏱️ 8 minutes read

#React
❀1
​​Some APIs in JavaScript may have a relatively low usage rate. Below we introduce their usage and usage scenarios one by one.

⏱️ 5 minutes read

#JavaScript
​​A list of one-liners you should know to up your knowledge of JavaScript.

⏱️ 5 minutes read

#JavaScript
​​In the digital age, metadata plays a vital role in how information is organized, accessed, and understood. It’s the invisible framework that supports every web page, allowing search engines to index content and users to find what they’re looking for. Today, we are going to discuss the concept of metadata in the context of Next.js, a popular React framework.

⏱️ 10 minutes read

#NextJS #React
​​The introduction of the Pages Router took center stage with the release of Next.js 11. This routing mechanism quickly became the primary means of creating routes within Next.js applications. However, as the framework’s user base expanded, so did the complexity of the interfaces that developers aimed to construct.

⏱️ 12 minutes read

#NextJS #React
​​React is a popular JavaScript library for building user interfaces, and it has undergone significant improvements in recent versions. With React 18, developers now have even more powerful tools to separate business logic from UI components effectively. This article will explore the benefits of decoupling business logic from UI components and demonstrate how to achieve it using React 18’s new features.

⏱️ 6 minutes read

#React
​​Open source projects are the driving factor of the modern software engineering. Today you’ll learn about 25 end user open source apps, you can find to fit your needs!

⏱️ 8 minutes read

#opensource