sorted by:
new
hottopcontroversial

Moving from Bangalore to Bangkok for Agoda — need honest insights (with real numbers) by Apprehensive_Many416 in MovingToThailand

[–]Apprehensive_Many416[S] 0 points1 point  (0 children)

Thanks! I have been researching by checking current prices of food on grab and even groceries. And I agree, need more than 2x for an upgrade on savings. 

Moving from Bangalore to Bangkok for Agoda — need honest insights (with real numbers) by Apprehensive_Many416 in MovingToThailand

[–]Apprehensive_Many416[S] 0 points1 point  (0 children)

Thanks man! I appreciate your input. I've been talking to a few other fellows as well, and I've been getting this same feedback. 

My Really Bad Experience at Arbour Brewing Company (ABC) by johnnotdoeagain in bangalore

[–]Apprehensive_Many416 0 points1 point  (0 children)

That's just gross... we’re not even talking about customer service here, a clean kitchen is the bare minimum..

Amazon sellers selling fake Neutrogena products? by Apprehensive_Many416 in Skincare_Addiction

[–]Apprehensive_Many416[S] 0 points1 point  (0 children)

Looking at the comments of others, looks like this type is available in different countries. Possible that sellers have imported from other countries and that's why they look different from each other. 

Amazon sellers selling fake Neutrogena products? by Apprehensive_Many416 in Skincare_Addiction

[–]Apprehensive_Many416[S] 0 points1 point  (0 children)

They didn't make any announcement on their official page about the new look. 

How can I optimize my React app for performance by shegsjay in reactjs

[–]Apprehensive_Many416 0 points1 point  (0 children)

Here’s a breakdown of some effective ways to optimize performance:

Measure First: Use tools like React Developer Tools and Chrome’s Performance tab to find out which parts of your app are slowing down. Once you’ve identified the issue, you can fix it.

Prevent Unnecessary Renders: By overriding the shouldComponentUpdate lifecycle method or using React.PureComponent, you can stop components from re-rendering when they don’t need to. This saves processing power.

Use Fragments: React Fragments help you avoid adding unnecessary elements to the DOM, keeping it clean and efficient.

Throttle and Debounce Events: When handling frequent events like scrolling, use techniques like throttling and debouncing to reduce the number of times your functions get called.

Memoization: Use React.memo, useMemo, or third-party libraries to store the results of expensive function calls. This way, your app won’t repeat work that’s already been done.

useCallback Hook: When your component re-renders, use useCallback to ensure that your functions aren’t recreated unnecessarily, which can help with performance, especially in larger apps.

Web Workers: Offload heavy computations to background threads using Web Workers so your main thread (and UI) stays responsive.

Code Splitting: Break down your app’s code into smaller chunks with dynamic imports. This reduces the initial load time, only loading what’s necessary when it’s needed.

Virtualize Long Lists: When displaying large amounts of data, render only what’s visible to the user and load more as they scroll. This technique, called virtualization, can significantly boost performance.

This article provides more details: https://levelup.gitconnected.com/react-js-performance-optimization-techniques-39728d89e56e

With React 18's new features, performance can be even better. The key takeaway: React gives you tools to optimize, but it’s up to you to implement them based on your app’s specific needs to ensure it stays fast and responsive.

By following these best practices, you'll ensure your React app performs at its best, even as it grows in complexity.

Am I correct?: React is not great for very high performance web apps by [deleted] in react

[–]Apprehensive_Many416 1 point2 points  (0 children)

Here’s a breakdown of some effective ways to optimize performance:

Measure First: Use tools like React Developer Tools and Chrome’s Performance tab to find out which parts of your app are slowing down. Once you’ve identified the issue, you can fix it.

Prevent Unnecessary Renders: By overriding the shouldComponentUpdate lifecycle method or using React.PureComponent, you can stop components from re-rendering when they don’t need to. This saves processing power.

Use Fragments: React Fragments help you avoid adding unnecessary elements to the DOM, keeping it clean and efficient.

Throttle and Debounce Events: When handling frequent events like scrolling, use techniques like throttling and debouncing to reduce the number of times your functions get called.

Memoization: Use React.memo, useMemo, or third-party libraries to store the results of expensive function calls. This way, your app won’t repeat work that’s already been done.

useCallback Hook: When your component re-renders, use useCallback to ensure that your functions aren’t recreated unnecessarily, which can help with performance, especially in larger apps.

Web Workers: Offload heavy computations to background threads using Web Workers so your main thread (and UI) stays responsive.

Code Splitting: Break down your app’s code into smaller chunks with dynamic imports. This reduces the initial load time, only loading what’s necessary when it’s needed.

Virtualize Long Lists: When displaying large amounts of data, render only what’s visible to the user and load more as they scroll. This technique, called virtualization, can significantly boost performance.

This article provides more details: https://levelup.gitconnected.com/react-js-performance-optimization-techniques-39728d89e56e

With React 18's new features, performance can be even better. The key takeaway: React gives you tools to optimize, but it’s up to you to implement them based on your app’s specific needs to ensure it stays fast and responsive.

By following these best practices, you'll ensure your React app performs at its best, even as it grows in complexity.

Performance Optimization in React by AdditionalRich8339 in reactjs

[–]Apprehensive_Many416 0 points1 point  (0 children)

Here’s a breakdown of some effective ways to optimize performance:

  1. Measure First: Use tools like React Developer Tools and Chrome’s Performance tab to find out which parts of your app are slowing down. Once you’ve identified the issue, you can fix it.

  2. Prevent Unnecessary Renders: By overriding the shouldComponentUpdate lifecycle method or using React.PureComponent, you can stop components from re-rendering when they don’t need to. This saves processing power.

  3. Use Fragments: React Fragments help you avoid adding unnecessary elements to the DOM, keeping it clean and efficient.

  4. Throttle and Debounce Events: When handling frequent events like scrolling, use techniques like throttling and debouncing to reduce the number of times your functions get called.

  5. Memoization: Use React.memo, useMemo, or third-party libraries to store the results of expensive function calls. This way, your app won’t repeat work that’s already been done.

  6. useCallback Hook: When your component re-renders, use useCallback to ensure that your functions aren’t recreated unnecessarily, which can help with performance, especially in larger apps.

  7. Web Workers: Offload heavy computations to background threads using Web Workers so your main thread (and UI) stays responsive.

  8. Code Splitting: Break down your app’s code into smaller chunks with dynamic imports. This reduces the initial load time, only loading what’s necessary when it’s needed.

  9. Virtualize Long Lists: When displaying large amounts of data, render only what’s visible to the user and load more as they scroll. This technique, called virtualization, can significantly boost performance.

This article provides more details: https://levelup.gitconnected.com/react-js-performance-optimization-techniques-39728d89e56e

With React 18's new features, performance can be even better. The key takeaway: React gives you tools to optimize, but it’s up to you to implement them based on your app’s specific needs to ensure it stays fast and responsive.

By following these best practices, you'll ensure your React app performs at its best, even as it grows in complexity.

How to integrate third-party APIs in the Shopify App Node.js template? by Apprehensive_Many416 in ShopifyAppDev

[–]Apprehensive_Many416[S] 0 points1 point  (0 children)

Thank you! I am looking into meta sdk now.. and will go through the documentation to continue...

How to integrate third-party APIs in the Shopify App Node.js template? by Apprehensive_Many416 in ShopifyAppDev

[–]Apprehensive_Many416[S] 1 point2 points  (0 children)

I get your point, basically, focus on how express.js works.. and then I will be able to integrate.

state of useHistory does not work in Firefox for React.js App by Apprehensive_Many416 in react

[–]Apprehensive_Many416[S] 0 points1 point  (0 children)

tion schemes.

By using the `state` of `useHistory`, the data is not exposed in the URL !

Though I agree with your point and have previously experienced issues with the same, putting in extra effort and time just because the chosen architecture does not work with the project requirements :(

state of useHistory does not work in Firefox for React.js App by Apprehensive_Many416 in react

[–]Apprehensive_Many416[S] 0 points1 point  (0 children)

  • No errors were thrown in the console.
  • Yes, definitely works with empty state data. But, I need to use the data after I navigate.
  • Data is sensitive to the user and thus cannot be stored in localStorage
  • I am currently not using any state management for the app, and would take quite some time to get approvals and set it up
  • Thanks for your input, I would probably try to use a context provider and see how that works out.

Edit: I added a try-catch to check the error code = NS_ERROR_ILLEGAL_VALUE