Community Picks·4yMaking a fast website is SUPER EASY
For a website whose goal is to convert customers by selling goods or services, the website should be attractive to look at. Images take up a huge part of the website's total size. As of August 2022, images made up on average 45% on desktop and 44% on mobile of a page’s total weight. Optimizing the images can therefore result in big and easy wins.
Josh W Comeau·4yWhy React Re-Renders
This tutorial is written to help beginner-intermediate React developers get more comfortable with React. It's the only “trigger” in React for a component to re-render. In React, every state change in React forces an application-wide render, but this isn't true. In this case, it sees that our paragraph has a text node that changed from 0 to 1.
Medium·3yReact JS Best Practices
The React style guide is a set of recommendations for writing clean, maintainable code with React. Hooks are a new feature in React that allow you to use state and other React features without writing a class. The React memo higher-order component is a way to optimize the performance of your functional components.
freeCodeCamp·4yBest Practices for Scaling Your Node.js REST APIs
Use throttling at the first junction point between your application and the News Feed Service. Use the ELK stack for setting up a good logging and alerting pipeline. If a request goes through multiple services during the lifecycle, you can pass along a unique ID in the logs to capture a particular request across all the services.
Dev Genius·3yThe Programming Language(s) of the Future
C, C++, and Rust are not that easy, they force you to think about object lifetimes, dynamic allocations, etc. But even just in 3 categories, there are lots of differences and blurry decisions. If we consider the ease of use, and power of the implemented structures, the results will get more blurry. Until now, what have we learned? We compared the languages.
Community Picks·4yMake your React apps fast again
Profiler can help you improve performance of a React application. We will go over ways to improve the performance of an app, including some pre-optimization techniques. We can use the Profiler in the React DevTools to measure performance of our apps. To use the profiler, you must Some are asynchronous, such as background HTTP calls, while others occur by user or You.
Community Picks·3yIs Flutter better than React Native?
Flutter and React Native are natural competitors as two of the most used multi-platform mobile app frameworks. The answer lies not in the technical aspects of React Native and Flutter at all. Hiring developers is famously difficult right now, but the pool of developers to draw from is far larger than Flutter's.
Community Picks·4yReact re-renders guide: everything, all at once
Re -render happens when React needs to update the app with new data. Preventing re-renders with composition is an anti-pattern that can be the biggest performance killer. On every re-render React will re-mount this component (i.e. destroy it and re-create it from scratch), which is going to be much slower than a normal re-rendered. This pattern can be beneficial when a heavy component manages state.
asayer·4yWorking with Dates and Times with Day.js
Day.js is a straightforward JavaScript tool for manipulating, displaying, and validating dates and times. It can be used in client-side and server-side rendering and works flawlessly in both scenarios. When we run Day. JS in the browser, the.format() method returns a string in ISO format. This is fairly similar to the vanilla JavaScript’s to ISOString() date constructor method.
LogRocket·4yVite 3.0 vs. Create React App
Vite is built on top of esbuild, a JavaScript bundler written in Go, which bundles dependencies 10-100 times faster than JavaScript-based bundlers. Vite leverages the browser’s native ESM to parse and compile your code as the browser requests it. The browser only needs to pre-bundle your dependencies.
Community Picks·3yIntroduction to Micro-frontends
Micro-frontends is the beginning of the micro frontends journey. The idea behind Micro Frontends is to think about a website or web app as a composition of features which are owned by independent teams. Each team should be able to choose and upgrade their stack without having to coordinate with other teams.
DEV·4yTwo lines of CSS that boosts 7x rendering performance!
Website's nowadays need to be optimal and performant, users on the web have very short attention span. Most common use cases for this is when you have huge list/grid of data that needs to render at the mount of the application. With progressing web development it will soon be supported in all browsers too.
Pointer·4yThe baseline for web development in 2022
Alan Dávalos is a front-end engineer at LINE. He analyzed the changes in the web between 2021 and 2022. The biggest change that happened in 2021 was the retirement of Internet Explorer (IE) The new baseline for web development in 2022 is: low-spec Android devices in terms of performance, Safari from two years before in Terms of Web Standards, and 4G.
The New Stack·4yMeet Bun: A JavaScript Runtime for the Whole Dev Lifecycle
Bun is a drop-in replacement for running JavaScript and Typescript applications. It was designed to be an all-in-one tool for bundling, transpiling, and running code at lightning speed. It processes about three times more HTTP requests per second than Node.js when rendering React server-side.
Hacker News·4yAstro 1.0
Astro v1.0 is a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. Astro has already been Addy Osmani, Software Engineer, Google Chrome Astro’s fast performance is even more noticeable to end users.
Community Picks·3yWhy use NextJS?
Next.js allows you to develop fast and user-friendly web applications and static websites using React.js. It is a ReactJS framework for building server-rendered web applications. It includes a number of features out of the box, such as Automatic code splitting, filesystem-based routing, hot code reloading and universal rendering.
Community Picks·4yIslands Architecture
Islands architecture borrows concepts from different sources and aims to combine them optimally. Marko is an open-source framework developed and maintained by eBay to improve server rendering performance. Astro: Astro is a static site builder that can generate lightweight static HTML pages from UI components built in other frameworks such as React, Preact, Svelte,
freeCodeCamp·4yBig O Cheat Sheet – Time Complexity Chart
Big O, also known as Big O notation, represents an algorithm's worst-case complexity. Big O defines the runtime required to execute an algorithm by identifying how the performance of your algorithm will change as the input size grows. In plain terms, the algorithm will run input + 2 times, where input can be any number.
Syncfusion·3yJavaScript Debounce vs. Throttle
JavaScript Debounce and throttling are two simple, yet powerful techniques we can use in JavaScript applications to improve performance. In this article, I will introduce debounce and throttle in JavaScript, and discuss why we need to use them. The concept of debounce is pretty straightforward.
Pointer·4yfacebook/lexical: Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
Lexical is an extensible JavaScript web text-editor framework with an emphasis on reliability, accessibility and performance. Lexical aims to provide a best-in-class developer experience, so you can easily prototype and build features with confidence. Combined with a highly extensible architecture, Lexical allows developers to create unique text editing experiences that scale in size and functionality.
Visual Studio Blog·3yVisual Studio 2022 17.4 is now available!
This is our first GA release to support Arm64.NET 7, enterprise support for setup including rollback, and much more detailed below. We welcome your feedback in the threads to this post or through Developer Community. You can use Microsoft Endpoint Manager (formerly known as Intune) to manage all of this.
