Best of PerformanceNovember 2023

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    Why Signals Are Better Than React Hooks

    Discover the benefits of using signals over React hooks, including simplified usage, improved performance, and eliminating complex rules. Signals handle dependencies automatically and can be used anywhere in or outside of a component. Performance metrics have shown significant speed improvements with the use of signals.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    Vite 5.0 is out!

    Vite 5.0 has been released, bringing new features and improvements to the popular JavaScript build tool. It now uses Rollup 4 for improved build performance and introduces server.warmup to improve startup time. Vite no longer supports older versions of Node.js, requiring version 18 or higher. Check out the Migration Guide for a smooth upgrade process.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Write Helper Functions in React

    Helper functions in React.js simplify complex tasks, improve code organization, and enhance maintainability. They are small, reusable functions that assist React components in performing specific tasks. By following best practices, such as clear documentation, organized organization, and thoughtful testing, you can create efficient helper functions that enhance your development workflow and deliver robust and performant applications.

  4. 4
    Article
    Avatar of gcgitconnected·2y

    11 Ways to Optimize Your Website

    Learn techniques to optimize your website for better user experience and faster loading times, including image optimization, CSS and JavaScript file optimization, resource hints, the use of content delivery networks (CDNs), and caching.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    Optimizing Performance in React Applications

    This article provides techniques and strategies for optimizing performance in React applications. It covers topics such as web performance metrics, DOM size optimization, state management, code splitting, and more.

  6. 6
    Article
    Avatar of communityCommunity Picks·2y

    What's new in .NET 8?

    Explore the new features and enhancements in .NET 8, including C# 12, performance improvements, Native AOT, new types for improving performance, and NuGet audit for package security.

  7. 7
    Article
    Avatar of asayerasayer·2y

    Optimize Web App Performance and Loading Speed

    Tips for optimizing web app performance and loading speed are provided. Factors hindering website speed and efficiency are discussed, as well as tools for analyzing website performance.

  8. 8
    Article
    Avatar of angularAngular·2y

    Introducing Angular v17

    Angular v17 introduces new features including deferrable views and built-in control flow. The framework has a fresh new look and a new home for documentation at angular.dev. The built-in control flow feature offers better syntax, type checking, and performance improvements. Deferrable views enable lazy loading with a simple declarative code. The future plans for deferrable views include server-side rendering and partial hydration on the client. SSR and hydration are now enabled by default in new Angular apps. The Angular CLI has improved support for deployment to cloud platforms like Firebase.

  9. 9
    Article
    Avatar of communityCommunity Picks·2y

    Building modern Web Applications: 5 Essential Frontend Architecture Principles

    This article presents five essential frontend architecture principles for building modern web applications. It discusses the loading strategies for JavaScript modules, the benefits of tree-shaking in reducing bundle size, the importance of setting and respecting a performance budget, the utilization of web platform APIs and web standards, and the advantages of using new generation frontend frameworks.

  10. 10
    Article
    Avatar of honeypotHoneypot·2y

    Why Choose Next.js - Top 5 Performance Benefits

    Next.js is a flexible React framework that offers performance benefits through server-side rendering, optimized image loading, automatic code splitting, caching mechanisms, and incremental static generation. It also provides developer-friendly features like error handling, fast refresh, built-in SEO support, and integrations with third-party platforms.

  11. 11
    Article
    Avatar of prettierPrettier·2y

    $20k Bounty was Claimed! · Prettier

    Prettier, a JavaScript code formatter, has announced the winner of its $20k bounty. The Biome project has claimed the bounty after improving compatibility with Prettier. This competition aims to push for improved performance and fix various edge cases in Prettier. The bounty and continued success of Prettier have been made possible thanks to significant donations from various companies and individuals.

  12. 12
    Article
    Avatar of swizecswizec.com·2y

    Hard work doesn’t scale

    The author achieved a decent result in the Philadelphia marathon despite having done the least training ever. However, their hard work in training ruined their chances of a personal best. They discovered that running less and incorporating sprinting intervals helped them improve their speed and performance in the marathon.

  13. 13
    Article
    Avatar of bitBits and Pieces·2y

    How to Use The Proxy Design Pattern in React?

    Learn how to use the Proxy Design Pattern in React to enhance performance, improve security, and optimize data management. Control access to objects, cache data, and more.

  14. 14
    Article
    Avatar of asayerasayer·2y

    Jamstack: the Future of E-commerce Development

    Jamstack offers several benefits for e-commerce, including performance optimization, scalability, enhanced security, agile development, integration with third-party services, offline capabilities, and SEO-friendly nature. Real-world examples of Jamstack in e-commerce include Shopify Plus, Elastic Path, Net-A-Porter, Nike, Crystallize, BigCommerce, Medusa, and Snipcart.

  15. 15
    Article
    Avatar of communityCommunity Picks·2y

    Your database skills are not 'good to have'

    The article discusses the importance of having strong database skills and highlights common mistakes made when using databases and ORMs. It also provides insights into anti-patterns to avoid when working with databases.

  16. 16
    Article
    Avatar of godotGodot·2y

    Godot 4.2 arrives in style!

    Godot 4.2 is the latest release of the free and open game engine. It includes critical and breaking changes, improvements to 2D and 3D features, and new features in rendering, particles, and shaders.

  17. 17
    Article
    Avatar of hnHacker News·2y

    Introducing Hoppscotch Desktop Application • Blog • Hoppscotch

    Hoppscotch has launched the public alpha version of its Desktop App for macOS, Windows, and Linux. The app aims to enhance API testing and development with its fast performance, lightweight file size, and sandboxed security. It offers cookie support and can be used with or without an account. Hoppscotch also unveiled a new brand identity as part of its vision to build an ecosystem of tools for API development.

  18. 18
    Article
    Avatar of telerikTelerik·2y

    Angular.dev and v17—I Told You the Renaissance was Here

    Angular.dev introduces a new brand, website, and features like deferred loading. The new documentation structure prioritizes beginners and includes in-depth guides for advanced developers. Angular v17 also introduces a new control flow syntax and native deferred loading. CLI updates include changes to routes, modules, and the default build system. SSR and hydration improvements have also been made. The Angular team is planning reactivity enhancements and other features for future versions. The article also discusses the new brand and provides resources for rebranding.

  19. 19
    Article
    Avatar of awsplainenglishAWS in Plain English·2y

    Complete Guide to AWS API Gateway

    AWS API Gateway is a robust service that offers features for API management, scalability, security, and integration with other AWS services. It can be set up by creating a new API, defining resources and methods, mapping to AWS Lambda functions, and testing the API. Alternative tools to AWS API Gateway include Google Cloud Endpoints, Microsoft Azure API Management, Apigee, Kong, Nginx, and Tyk.

  20. 20
    Article
    Avatar of communityCommunity Picks·2y

    Hello world performance: Bun vs Node.js

    Bun is a modern JavaScript runtime that aims to be faster than Node.js. Tests comparing Bun and Node.js for a 'hello world' use case show that Bun is about 40-50% faster, but it uses double the memory. The measurements used to compare the performance include response time, CPU usage, and memory usage.

  21. 21
    Article
    Avatar of medium_jsMedium·2y

    What’s new in Angular v17 and How to Get Started

    Angular v17 introduces several new features including deferrable views, built-in control flow, SSR optimization, and a fresh new look. Beginners can get started by following the official tutorial on the Angular website.

  22. 22
    Article
    Avatar of johnnyreillyJohn Reilly·2y

    How we fixed my SEO

    The author describes how their site's SEO took a hit and how they worked with Growtika to fix it. They made various changes to improve their site's E-E-A-T aspects, handle duplicate content, improve internal linking, site performance, and more. The author also provides graphs and numbers to demonstrate the recovery of their site's SEO.

  23. 23
    Article
    Avatar of communityCommunity Picks·2y

    Symfony 7, a high-performance PHP framework and a set of components.

    Symfony 7 is a high-performance PHP framework and set of components that offers improved error handling, debugging, and auto-completion. It removes deprecations from Symfony 6.4, resulting in a smaller codebase. It introduces new components, enhancements to the profiler and asset mapping, and provides smooth upgrade paths with built-in PHP attributes.

  24. 24
    Article
    Avatar of hnHacker News·2y

    Building a high performance JSON parser

    This article discusses the process of building a high-performance JSON parser and the optimization techniques used to improve its efficiency and reduce allocations. It highlights the goals of the project, the time complexity of the JSON parsing problem, and the importance of API design in performance optimization.

  25. 25
    Article
    Avatar of asayerasayer·2y

    Harness the Power of Component Composition in React

    Component composition is a way of building bigger or more complex user interfaces by combining smaller or simpler components in React. It solves prop drilling and unintended re-renders by allowing components to consume only the data they need and reducing the scope of re-rendering. It improves reusability, flexibility, modularity, and performance in React components.