Community Picks·3yAstro 2.0
Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Astro now helps you organize your Markdown with built-in parsing, validation, and automatic TypeScript type generation. This new release is a game-changer for anyone working with Markdown on the web.
ITNEXT·3y🔥 JavaScript Memory Management: How to Avoid Common Memory Leaks and Improve Performance
We will explain the memory management in JS that will help you to optimize your applications. We’ll explore the ins and outs of memory management, including the common causes of memory leaks, and strategies for avoiding them. For example, the stack is used to store data that’s only needed during the execution of a function.
gitconnected·3ySystem Design Interview Survival Guide (2023): Preparation Strategies and Practical Tips
System Design Interview Survival Guide (2023): Preparation Strategies and Practical Tips The 2023 system design interview playbook. Co-founder of Design Gurus and author of Grokking series on coding and system design interviews. The guide aims to provide a comprehensive overview of the preparation strategies and practical tips for acing a system design Interview.
freeCodeCamp·3yWhat is Pre-Caching? How to Increase Website Speed and Performance
The goal of pre-caching is to improve the performance and user experience by reducing content load times. Pre-cached is to cache commonly accessed data or resources in advance so that when the time comes, you can deliver it to the end-user faster. It is important for you to choose the right data to cache.
Changelog·3yDocker on MacOS is slow and how to fix it
Docker on MacOS is slow and how to fix it. The only viable option to have a decent performance and a good DX are: VirtioFS. If you are VI/Emacs user, all you need is your editor and tools in a container, or if you want a minimal Linux GUI env, take some inspiration.
DZone·3y5 Tips for Optimizing Your React App’s Performance
In React, components will re-render when state or prop values change. This also applies to child components where props might remain the same, but the parent component's props change. Lazy Loading With Code Splitting will increase the load time of your app. Virtualize Long Lists can significantly impact your app's performance.
Community Picks·3yTest your forms
You can test and analyze your form to answer this question. Test your form on different devices, browsers, browser versions, and operating systems you can test on. Lighthouse helps you identify performance, search engine optimization (SEO), best practice and accessibility issues.
DEV·3y⚡️React Performance Optimization: useMemo vs useCallback
UseCallback and useMemo are both React Hooks that help optimize the performance of a React application by memoizing values. They both accept a function as an argument and return a memoized version of the function. Both hooks can be used to optimize your React components by avoiding unnecessary re-creations of functions or values.
Community Picks·3yThe truth about CSS selector performance
The way you write CSS selectors does play a role in how browsers render your web pages. This heavily depends on the web page, the size of the DOM tree, the amount of CSS rules, and whether the DOM changes often. Microsoft Edge DevTools has a Performance tool that can be a real eye opener when your app starts feeling slow.
LogRocket·3yHow to analyze your Next.js app bundles
Next.js is a popular JavaScript framework for building server-rendered and statically-exported React applications. Next.js provides the ability to automatically optimize an application’s code and minimize its bundle size. We’ll also demonstrate how to use the @next/bundle analyzer package to inspect your Next.
DEV·3yWhat Are People Building With WebAssembly?
WebAssembly (WASM) has been a buzzword in the past few years. It's a technology that raises a lot of attention but is less widely used in practice. WebAssembly was never created as a replacement for Javascript, and it can't because the language is so low-level.
LogRocket·3yUsing Riot.js, a component-based UI library
Riot.js is a component-based UI library for developing web applications. Riot.js is designed to be lightweight and easy to learn, making it a good choice for developers who are familiar with HTML and JavaScript. The choice of which framework to select really depends on the specific needs of your project.
freeCodeCamp·3yHow to Use React Dev Tools – With Example Code and Videos
React Dev Tools is an extension created by the React team. It enables developers to debug their code inside their Developer Tools. To use the full functionality of the extension, you need to be in development mode. This is because in production mode, the component names get changed to letters and you will not be able to profile your components.
Honeypot·3yThe Curious Case of React
React is a JavaScript library for building user interfaces that was developed by Facebook. It was released in 2013 and has become one of the most popular tools for building web applications. It is now used to build many of the web's most popular applications, including Instagram, Airbnb, and Netflix.
LogRocket·3yUsing Contentful CMS with Next.js
Contentful is a headless CMS that allows users to manage and deliver their content through APIs rather than building and maintaining a traditional website or application. Next.js provides several features that can make it easier to work with Contentful. Contentful comes with a wide range of features and tools that can be useful when building a Next.
DZone·3yUsing JSON Web Encryption (JWE)
JSON Web Encryption (JWE) could be used when one needs to add sensitive information to a token that one would not want to share with other systems. In this case, the user can decode the token and get all the information from the payload. The full specification of JWE can be found in RFC7516.
Trendyol Tech·3yPerformance of Kafka Consumers: 1 Billion messages
Python and Go users can create a consumer in Python and Go. Consumers will search in Topic with the specific key I provided. They will create threads equal to the partition count of the Topic. They will run as parallelly. For instance, a topic has ten partitions, then I will create ten threads.
Towards Data Science·3ySpeed Up your Python Skills in 2023
Python is the most widely used programming language in the data science domain. The entire data science field has grown enormously in recent years. In this article, we will show you seven tips on how to improve your Python skills. The tips will help you to write efficient and readable Python code.
LogRocket·3yA guide to visual debugging with Vitest Preview
Vitest Preview allows developers to see the execution of their code in real-time, making it easier to identify and fix problems. Vitest is a new unit testing framework that’s built for speed. If you are new to unit testing with Vitest, we’ve written a guide demonstrating how to test a frontend application.
Hacker News·3yApple unveils MacBook Pro featuring M2 Pro and M2 Max
Apple unveils MacBook Pro featuring M2 Pro and M2 Max, Apple’s next-generation pro silicon that brings even more power-efficient performance and battery life to pro users. With up to 96GB of unified memory, creators can work on scenes so large that PC laptops can’t even run them.
Community Picks·3yHow this low-hanging fruit improved our DB throughput by over x200 and prevented outages in production
This low-hanging fruit improved our DB throughput by over 200x and prevented outages in production Jan 7. Lior: Improving database performance is a valuable goal in and of itself, but it’s ultimately just a means to an even greater end. When done correctly, this can provide a significant performance boost.
DZone·3yTips for Optimizing PHP Code for Better Performance
PHP is a popular programming language used for developing web applications. As with any programming language, it is important to write code that is optimized for better performance. In this article, we will explore some tips and best practices for optimizing PHP code. Join the DZone community and get the full member experience.
asayer·3yNextJS vs RedwoodJS -- Which is better?
NextJS and RedwoodJS are both popular JavaScript-based web development frameworks. The primary reason why software developers use libraries or frameworks is to save time and avoid reinventing the wheel. Both frameworks are designed to make it easy for developers to create fast, secure, and scalable web applications.
