Best of PerformanceApril 2023

  1. 1
    Article
    Avatar of communityCommunity Picks·3y

    5 Code Refactoring Techniques to Improve Your Code

    Learn about code refactoring techniques to improve code readability, maintainability, and scalability. Techniques include extracting methods, replacing magic numbers, merging duplicated code, simplifying methods, and using lazy loading.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Vite 4.3 is out!

    Vite 4.3 has been released with performance improvements, including faster dev server startup time and improved hot module replacement (HMR) times. A benchmark was conducted to measure the performance improvements. Vite now has a profiling feature and an official benchmark tool is being developed. A Vite 5 Discussion has been started to gather early feedback.

  3. 3
    Article
    Avatar of bytebytegoByteByteGo·3y

    Understanding Database Types

    A complex application usually uses several different databases, each catering to a specific aspect of the application’s needs. In this comprehensive three-part series, we’ll explore the art of database selection. To make the best decision for our projects, it is essential to understand the various types of databases available in the market.

  4. 4
    Article
    Avatar of dzDZone·3y

    Software Deployment Best Practices

    DZone Software Deployment Best Practices in 2023 Explore the best software development practices that are the proven catalysts for innovation and growth. Join the DZone community and get the full member experience. Join For Free Deployment is the day when the software is finally released to the world.

  5. 5
    Article
    Avatar of uxplanetUX Planet·3y

    10 Principles of Good Website Design in 2024

    The principles of good website design in 2024 include responsive design for mobile users, improving load time metrics, using familiar web design conventions, creating an innovative visual language, designing hierarchical content structures, aligning design and content, aligning design and SEO, ensuring frictionless conversions, testing prototypes, and staying up-to-date with the latest web design trends.

  6. 6
    Article
    Avatar of medium_jsMedium·3y

    Best Practices for Building Large-Scale Node.js Applications

    Best practices for building and scaling large-scale Node.js applications, including code organization, performance optimization, scalability, and security.

  7. 7
    Article
    Avatar of medium_jsMedium·3y

    JavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide

    JavaScript Optimization Techniques for Faster Load Times: An In- Depth Guide Master JavaScript optimization to enhance website performance. In this article, I’ll guide you through various methods to optimize your JavaScript code, including minimizing file sizes, reducing network requests, and employing best practices to ensure faster load times and improved UX.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Mastering Zustand: A Simple and Efficient State Management Library for React

    Zustand, a minimalistic state management library for React, offers just that. It doesn't rely on a provider, making it less prone to errors and faster than React's context API. It's also less opinionated, allowing developers to adapt it to their preferred way of working with React.

  9. 9
    Article
    Avatar of communityCommunity Picks·3y

    How To Mastering React memo Performance Optimization in React

    Learn how to optimize React components using React.memo(), when to use it, and how to use it effectively. Discover best practices for memoizing components and avoiding common mistakes.

  10. 10
    Article
    Avatar of communityCommunity Picks·3y

    How To Use MillionJs In a Next App.

    Millionjs is a lightweight virtual DOM that can improve the performance of React applications. It can be integrated into a Next.js app to reduce overhead and improve rendering and loading speeds.

  11. 11
    Article
    Avatar of quastorQuastor Daily·3y

    How Slack sends Millions of Messages in Real Time

    How Slack sends millions of messages in Real Time Plus, how Jane Street writes tests, challenges with caching, why tail latencies matter and more. How Slack Sends Millions of Messages in Real time using Channel, Gateway and Presence Servers Consistent Hashing to map Channel IDs to Channel Servers.

  12. 12
    Article
    Avatar of dzDZone·3y

    Design Patterns for Microservices

    Design Patterns for Microservices: Ambassador, Anti-Corruption Layer, and Backends for Frontends. Design patterns provide a proven solution to common problems in software architecture. They help to establish best practices and guidelines for designing and implementing microservices. Join the DZone community and get the full member experience.

  13. 13
    Article
    Avatar of communityCommunity Picks·3y

    Mastering React Interview: Top Common Questions and Best Practices

    This post provides a comprehensive guide to help readers excel in React interviews. It covers common React interview questions, best practices, performance optimization techniques, and testing strategies. The article discusses the differences between the real DOM and virtual DOM, prop-drilling and the context API, higher-order components, and the role of Redux in React applications. It also provides tips for preparing for a React interview and recommends additional resources for further learning.

  14. 14
    Article
    Avatar of denoDeno·3y

    Deno 1.33: Deno 2 is coming

    Deno 1.33 is a major release of Deno 2 in the coming months. Built-in KV database is a seamlessly integrated database within Deno. With no dependencies to install, you can start building apps right away.

  15. 15
    Article
    Avatar of medium_jsMedium·3y

    Why Tech Companies Are Switching Over to Rust?

    Tech companies are increasingly switching over to Rust due to its improved performance, safety features, cross-platform compatibility, growing ecosystem and community, and adoption by major companies. Rust is being used in various industries, including blockchain development, and its future looks promising.

  16. 16
    Article
    Avatar of 80lv80 LEVEL·3y

    Chrome Launches WebGPU

    Google Chrome has released WebGPU for high-performance 3D graphics and data-parallel computation on the web. It is available in ChromeOS devices with Vulkan support, Windows devices with Direct3D 12 support, and macOS. The Chrome team also plans to provide deeper access to shader cores for more machine learning optimizations.

  17. 17
    Article
    Avatar of codemotionCodemotion·3y

    Tips and Best Practices for Micro-Frontends

    Codemotion Magazine: Micro-frontends are essentially small and independent front-end applications that can be used in a larger application as building blocks. Luca Mezzalira is Principal Serverless Specialist Solutions Architect at Amazon Web Services (AWS) He shares some key best practices for Micro-Frontends.

  18. 18
    Article
    Avatar of codemotionCodemotion·3y

    SolidJS: More Than Just Another React Alternative

    SolidJS is a modern JavaScript library for building web user interfaces. It takes a reactive approach to building UIs, which means that the UI updates automatically in response to changes in the underlying data or state. SolidJS uses a fine-grained reactivity and compiles the components down to highly optimized code with minimal overhead.

  19. 19
    Article
    Avatar of gcgitconnected·3y

    Costly CSS Properties and How to Optimize Them

    Learn how to optimize costly CSS properties like box-shadow, background-image, border-radius, transforms, and filters to improve webpage performance.

  20. 20
    Article
    Avatar of bytebytegoByteByteGo·3y

    Factors to Consider in Database Selection

    Alex Xu: Scalability Scalability is a critical aspect of any database. It determines how well the system can accommodate growth, he says. NoSQL databases, on the other hand, were designed with scalability in mind. They employ various strategies, such as sharding and partitioning, to distribute data across multiple servers.

  21. 21
    Article
    Avatar of asayerasayer·3y

    Accessibility in Next.js version 13

    Next.js version 13 brings several new features and improvements related to accessibility. This article will walk you through all its features so you can develop better websites that can be used with no restrictions. It includes allowing users to alter the site's colors, enlarge the text, or even activate text narration to hear the content read out.

  22. 22
    Article
    Avatar of tdsTowards Data Science·3y

    Rust: The Next Big Thing in Data Science

    Rust offers exceptional performance and persistent security features, making it a practical choice for data science. It provides C-like speed, type safety, memory safety, true and safe parallelism, and a rich ecosystem. Rust has been adopted by tech giants like Google and Microsoft for its security and efficiency. The language has a thriving open-source community, and it is ranked highly in popularity and performance.

  23. 23
    Article
    Avatar of communityCommunity Picks·3y

    Manipulating the DOM in React: Best Practices

    React uses a virtual DOM to render and update the user interface, minimizing the number of updates required. Commonly used DOM methods in React include ReactDOM.render, setState, createRef, and more. React is fast due to its use of a virtual DOM and the ability to write reusable components.

  24. 24
    Article
    Avatar of communityCommunity Picks·3y

    7 Tricks to take the Performance of your Website to the Moon 🚀🌙

    Learn 7 tricks to improve the performance of your website, including fetching relevant resources, minifying code, pre-fetching resources, using responsive images or art direction, lazy loading of relevant resources, tree-shaking code, and using Page Speed Insights to detect potential issues.

  25. 25
    Article
    Avatar of communityCommunity Picks·3y

    How can == be up to 15 times slower than ===?

    Comparison between == and === in JavaScript. Coercion in JavaScript. Performance difference between == and ===.