Search DaniWeb - react

What are some underrated React JS best practices? 2 Months 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 Months 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… Implementing a Dynamic Filter Option in a Web Application 2 Months 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: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by scope_2 …, use libraries like Lozad.js or lazysizes. In frameworks like React, use React.lazy() and <Suspense>. Avoid lazy loading above… Re: Key Tools and Tips for Efficient Web Development 1 Month Ago by JackRyan248 … looking to improve your workflow, consider using popular frameworks like React or Vue for streamlined front-end development. > > On… and tricks that improve productivity and project efficiency! Great tips! React, Vue, Node.js, and Django are all solid choices. GitHub… Native vs. Cross-Platform: Which is Better for Mobile App Development? 2 Months 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 to Implement Lazy Loading for Faster Web Portals 2 Months 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. Are Cross-Platform Apps Slower Than Native? Or Is That Just a Myth in 2025? 1 Month 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: Key Tools and Tips for Efficient Web Development 1 Month Ago by Himanshu011 Frontend development: * React * Vue.js Backend development: * Node.js * Django Re: Are Cross-Platform Apps Slower Than Native? Or Is That Just a Myth in 2025? 1 Month Ago by asadalig … depends on how they're built. Modern frameworks like Flutter, React Native, and Kotlin Multiplatform have closed the performance gap significantly… Re: Looking for an developer-Friendly Admin Template 2 Months 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 2 Months Ago by Dani Official Bootstrap themes: https://themes.getbootstrap.com/product-category/admin-dashboard/ Re: Looking for an developer-Friendly Admin Template 2 Months 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. Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon Hello Dani, I decided last week not to respond to your last post, but, let's be honest, I can't keep myself from responding. Your example could be valid if you take into account: What percentage of websites/web apps use SXG? Of those, what percentage of the indexed pages by Google are actually cached by Google at any given moment? Of … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani > Is your example valid? Yes, if you stretch a fringe and long-shot possibility into an opinion. My post was based on my own use case, which is the only data that I have access to. > What percentage of websites/web apps use SXG? DaniWeb uses SXG. > Of those, what percentage of the indexed pages by Google are actually cached by… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani > If a webpage performs poorly in Lighthouse audits for metrics like LCP, Speed Index, CLS, e.t.c. those issues will also affect real Chrome users, ultimately having a negative impact on its SEO. Basically what I was saying was that I found that to not be the case with my own website. Like I said, half the time SXG makes what I see in … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon Dani, first of all, thank you for sharing the numbers. Yes, if LCP for mobile devices has improved from 3 seconds to 2.1 seconds (with SXG being the only difference), it’s clear that SXG is working well for DaniWeb. 232,000 crawl requests for an SXG certificate over the past three months for 207,000 pages is negligible. Your SXG certificates … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon I also don't believe that Lighthouse audit results are an effective representation of CWV , but I believe that are an efficient way that we have to understand what affects CWV in a web app Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani > Your SXG certificates have a limited lifespan SXG certificates have a maximum lifespan of 90 days, and the majority of our pages have cache-control HTTP headers anywhere between 7 and 30 days. (Some longer, some shorter) If a forum thread is 10 years old, and has not received a new reply in 9 years 10 months, we can feel comfortable caching… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani > Of course, Lighthouse audit results are influenced by factors like your location, connection, and other variables. That's why I disagreed with you that a Lighthouse audit is always representative of real world users. In my case, the majority of my real world users do not have the same location and/or technology as I do. > I decided … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani So then that begs the question ... may I ask why you were initially hesitant to respond to me the other week? I'm just curious. Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon Just a correction to my last comment: 'I love being part of the DaniWeb experience,' not Daniwev. It was a typo I noticed immediately, but I couldn't edit the comment (which could be a useful feature). I was hesitant to respond because discussing SXG seemed to be significantly off-topic for this thread. Additionally, the fact that Lighthouse … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani > It was a typo I noticed immediately, but I couldn't edit the comment (which could be a useful feature). You should be able to click the little edit button for up to 10 or 15 minutes (I forget which) after posting in order to correct typos. We don't allow you to edit your post after that because we've run into problems in the past in … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon > It was a typo I noticed immediately, but I couldn't edit the comment (which could be a useful feature). > You should be able to click the little edit button for up to 10 or 15 minutes (I forget which) after posting in order to correct typos. We don't allow you to edit your post after that because we've run into problems in the past… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani Ah, yes, I thought you were talking about posts themselves. Post comments can no longer be edited. (Too many people were replying to post comments and then the person would change their vote and remove the comment.) Comments are mostly meant to be short things like "I agree with that!" or that type of thing. Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Reverend Jim >Comments are mostly meant to be short things like "I agree with that!" or that type of thing. A reminder to all - use the comment tool to give kudos instead of reviving a multi-year old thread by adding a new post. Using the comment tool not only saves us from wading through old threads, it also gives points the the person who … Re: How to Implement Lazy Loading for Faster Web Portals 1 Month 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. React CSS Modules enables automatic mapping of class names to CSS modules i 9 Years Ago by gajus …-modules) are awesome. However, their integration to React does not feel natural: import React from 'react'; import styles from './car.css'; export default… the mapping? Thats what [react-css-modules](https://github.com/gajus/react-css-modules) component does: import React from 'react'; import styles from './car… React component will not render widget. 9 Years Ago by jmann22 …refresh the page. Sorry i just started using react.js thanks !function(d,s,id){var …quot;script","twitter-wjs"); class JkpartyView extends React.Component{ render() { return (<div> <…</div> </div>) } } React.render(<JkpartyView />, document.body) React native handle nested object with map 4 Years Ago by ivanichi … for display on flatlist or text or other component at react native. i tried to display using text and flatlist but…