Search DaniWeb - react

Re: How to Implement Lazy Loading for Faster Web Portals 4 Days Ago by scope_2 …, use libraries like Lozad.js or lazysizes. In frameworks like React, use React.lazy() and <Suspense>. Avoid lazy loading above… Are Cross-Platform Apps Slower Than Native? Or Is That Just a Myth in 2025? 4 Days Ago by Himadri_3 … super efficiently. But now? **Cross-platform tools** like **Flutter and React Native** have come a long way. Most day-to-day… Re: How to Implement Lazy Loading for Faster Web Portals 4 Days Ago by gediminas.bukauskas.7 Here is a problem: Blazor WEB application working in SSR mode performs partial update of the page after posting. JS initialization does not work in this case. It is difficult to find correct event for performing JS operations. What are some underrated React JS best practices? 2 Weeks Ago by James_228 I’ve been working on a mid-size React project and started noticing performance lags and bloated component trees.…to know: What are your go-to patterns for keeping React apps lean? Are there any anti-patterns you see often… in junior dev codebases? Have you used React Server Components or Signals yet? Share your tips, tools, … Handling Real-Time DOM Sync in SSR React App with Dynamic Nested Routes 2 Weeks Ago by Neil_brown001 I'm building an SSR React app (Next.js) with dynamic nested routes where components at …/state from the parent. To add complexity, I'm using React Query for client-side data fetching (with staleTime optimization), and… Re: How to Implement Lazy Loading for Faster Web Portals 2 Weeks Ago by Pelorus_1 By loading images and content only when necessary, lazy loading speeds up web portals. Implement JavaScript or frameworks like React with dynamic imports, and use loading="lazy" for images. Re: Looking for an developer-Friendly Admin Template 3 Weeks Ago by SanjayJoshi Hey Krisha, You can try MaterialPRO once it is also One of best MUI template I ever seen Re: Looking for an developer-Friendly Admin Template 3 Weeks Ago by Dani Official Bootstrap themes: https://themes.getbootstrap.com/product-category/admin-dashboard/ Re: Looking for an developer-Friendly Admin Template 2 Weeks Ago by Pelorus_1 Consider admin templates with clean code, easy customization, and robust documentation if you're looking for developer-friendly templates. Save time and increase productivity by using templates with modular components and built-in UI elements. Implementing a Dynamic Filter Option in a Web Application 1 Month Ago by YashSmith … web application, here’s a simple and effective solution using React. This filter allows users to search by keyword, set minimum… and maximum values, and filter by category. import React, { useState } from "react"; const DataFilter = ({ data }) => { const [filters, setFilters… Re: Key Tools and Tips for Efficient Web Development 2 Months Ago by simplixi … of it in a very short time. **Front-End Development** * **React:** Think of it as a tool that helps you build… LEGO blocks for websites. * **Vue.js:** Another great tool, like React, but it's a bit easier to pick up when… Re: Key Tools and Tips for Efficient Web Development 2 Months Ago by RKE2 Great advice! React, Vue, Node.js and Django are definitely game-changers for web development. I love using GitHub for version control tool. It is so essential for smooth collaboration. Looking forward to hearing more tips from others. How to Efficiently Develop Apps for iOS and Android? 2 Months Ago by faisalsaraj … rewarding. The key is to use cross-platform frameworks like React Native or Flutter, which allow you to develop app iOS… Re: How to Efficiently Develop Apps for iOS and Android? 2 Months Ago by gorgebutler … strategy and tools. Using cross-platform frameworks like Flutter or React Native helps save time and effort by allowing developers to… Re: How to Efficiently Develop Apps for iOS and Android? 2 Months Ago by Olu_610 The adoption of cross-platform frameworks like React Native or Flutter brings me full support for creating applications which operate across iOS and Android platforms. How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by KamalDeepPareek How can lazy loading improve web portal performance by reducing initial load times and optimizing resource usage? What are the best techniques to implement lazy loading in images, components, and data fetching using JavaScript frameworks like React, Vue, and Angular? How does lazy loading impact SEO and user experience? Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by gediminas.bukauskas.7 … usage of JS and CSS. I don't know about React, but Angular is clearly too big. Pack loadable items into… Native vs. Cross-Platform: Which is Better for Mobile App Development? 1 Month Ago by Jameswood32 Hi all, I’m deciding between developing a native app (iOS/Android) or using a cross-platform framework like Flutter or React Native. What are the pros and cons in terms of cost, performance, and scalability? What do you recommend based on your experience? Re: How we can Choose an Awesome Mobile App Development Company? 1 Month Ago by Jameswood32 … credibility. Ensure they specialize in the required technology stack (Flutter, React Native, Swift, etc.). Discuss their development process, communication, and post… Re: How to Efficiently Develop Apps for iOS and Android? 2 Months Ago by rproffitt We stopped making apps and moved back to web pages tuned to mobile users. Part of the reason was Apple's draconian and costly app system. Put on the web and we're done. No dedicating a person to shepherd the app through the Apple gauntlet. Re: How to Efficiently Develop Apps for iOS and Android? 2 Months Ago by Reverend Jim >Part of the reason... I, for one, am sick and tired of every Tom, Dick, and Harry requiring a separate app for everything. It has gotten to the point of having to scroll through pages of icons to locate whatever app you need for a particular occasion. Plus, every app stays open consuming limited memory. And then there are the constant … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani Hello, The easiest way to implement image lazy loading is by simply adding the `loading="lazy"` HTML attribute to `<img>` image tags. That will not load the image until it is about to come into view in the web browser as the user scrolls down the page. Something else that we do here at DaniWeb is to use the `async` and `defer`… Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by jkon The loading="lazy" HTML attribute-value pair was introduced in 2019–2020, so I would guess it will be safe to use after 2030–2035, except if you don't care about internet visitors and are targeting an intranet of a company where you control the browsers and their versions. Of course, lazy loading impacts SEO. Modern SEO has more to do … Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by Dani > The loading="lazy" HTML attribute-value pair was introduced in 2019–2020, so I would guess it will be safe to use after 2030–2035, except if you don't care about internet visitors and are targeting an intranet of a company where you control the browsers and their versions. According to [Can I Use](https://caniuse.com/?search=… Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by jkon Dani, in my small software company (we are only five people), we have a rule for the web: support it until the problem affects less than 1 in 200 users, or 0.5%. We waited 10 years for Internet Explorer to reach this threshold, and finally, in 2025, we no longer program new web apps to support Internet Explorer. This is a liberating moment for … Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by Dani The reason why I disagree with you is because I do not see a reason to not use a performance optimization that will benefit 96% of web users, and degrade gracefully and cause absolutely no side-effects for the remaining 4%. What is the harm in using it in production *now*? I especially disagree with you because this is a performance optimization… Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by Dani > On "Can I Use," IE was supposedly "dead" in 2013 I'm not sure what you mean by that? I see it saying that IE is still in use by 0.4% of web users. It is up to *you* to determine if that is an acceptable loss. I don't think they make that determination for you because, as pointed out in my previous post, a performance … Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by jkon In reality, the usage of IE is lower than 0.4%. In some categories of web apps, it's around 0.1%, while in others, it's about 0.2%. That is why we decided to stop supporting IE from 01/01/2025. If it were above 0.5%, you shouldn’t even consider introducing something without first testing it in Internet Explorer. I can't understand how any app can … Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by Dani I think perhaps we are misunderstanding each other. Of course, it's important to not introduce any breaking functionality for any percentage of users. However, what is the harm in adding `loading="lazy"` to an existing web app? 96% of users will experience a performance improvement. The other 4% of users will have no negative … Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by jkon > However, what is the harm in adding loading="lazy" to an existing web app? 96% of users will experience a performance improvement. The other 4% of users will have no negative consequences, and everything will be exactly the same for them. That 4% will not lose any functionality. That 4% will not experience any UI/UX consequences or …