Royal JainforCodeParrot 10x Dev10xdev.codeparrot.ai·Jan 2, 2024Dynamic Imports in JavaScript and React - Enhancing Performance and EfficiencyLet's talk about a powerful feature in modern JavaScript and React: Dynamic Imports. This feature significantly boosts the performance and user experience of web applications. Here's what you need to know: What are Dynamic Imports in JavaScript? 🤔 D...Discuss·51 readsJavaScript
Shawn Conwayshawnway210.hashnode.dev·Nov 9, 2023Relationship LoadingA relationship is an association between tables that allows databases to store data in the different tables without redundancy. This allows the tables to run efficiently and simultaneously. There are three common types of relationships in SQLAlchemy....DiscussPython
Abul Masoodabulwrites.hashnode.dev·Oct 6, 2023Project Ragnarök Day 5 & 6I have been getting lazy only coded for 1 hour on day 5 and 1:30 on day 6. I feel so bad writing this. Gosh, I want to be better. I have heard all the stories about successful people who work 70 /80 hours a week. And here's me it's been 6 days in the...Discussjournal
Danner Baumgartnerdader34.hashnode.dev·Oct 5, 2023An Introduction to Lazy Loading (In React.js)Lazy loading is the process of loading something asynchronously, or at least not right away on page load. This can be useful for sites with heavy image loading, or a page that wants to reduce initial page load times. Lazy loading in React can help wi...DiscussReact
Niharika Gurnaniniharikagurnani.hashnode.dev·Sep 4, 2023Route Guards in AngularGuards are nothing but some code/logic executed before the route is even loaded or when the user tries to exit from the route. They're generally known as routing guards. Open on Github - https://github.com/niharika293/Angular-rout-guard-poc Objective...Discuss·57 readsAngular
Filip Trivanfiliptrivan.com·Jul 23, 2023The Top Benefits of the <Image/> Component in Next.jsCode and props explanation import Image from "next/image"; import yourImage from "../public/yourimage.png"; const yourComponent = () => { return ( <div className="relative"> <Image src="https://res.cloudinary.com/dle7vs1ph/image/...Discuss·141 readsNext.js
Pravin M.Dpravinmd.hashnode.dev·Jul 22, 2023The Magic of Lazy Loading: Enhancing Web Performance and User ExperienceIntroduction In today's digital age, where online experiences are increasingly vital for businesses and users alike, optimizing website performance has become a top priority. One of the most effective techniques employed by web developers is "lazy lo...DiscussHTML5
Mayank Guptamkguptaweb.hashnode.dev·Jul 16, 2023Benefits of Lazy Loading image and how to do it in react easily ?Why Lazy Load Improved performance: It allows you to defer the loading of images until you need it resulting in saving time and fast page rendering. It only loads the images when they are in or near the viewport Bandwidth Optimization: By lazy load...Discuss·2 likesoptimization
Ajayajay020.hashnode.dev·Jul 11, 2023Understanding Code Splitting and Bundling in ReactIntroduction When building a complex React application, managing the size of the JavaScript bundle becomes crucial for optimizing the performance. Code splitting is a technique that allows us to divide the application's codebase into small chunks, an...DiscussReact
Quokka LabsforQuokka Labs' Blogsquokkalabs.hashnode.dev·Jun 26, 2023How to Improve the Loading Speed with Lazy Loading?Lazy loading delays the load or initialization of assets or objects until they're expected to develop performance further and save system assets. For example, assuming a website page has a picture the client/user needs to scroll down to see, you can ...Discuss·27 readsCore Web Vitals