<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/sources/tigerabrodi/best-of/2024/06" -->

---
title: Best Tiger&#x27;s Place posts — June 2024 | daily.dev
description: The most upvoted Tiger&#x27;s Place posts from June 2024, curated by the daily.dev community.
canonical: https://daily.dev/sources/tigerabrodi/best-of/2024/06
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/sources/tigerabrodi/best-of/2024/06
og:type: website
og:site_name: daily.dev
og:title: Best Tiger&#x27;s Place posts — June 2024 | daily.dev
og:description: The most upvoted Tiger&#x27;s Place posts from June 2024, curated by the daily.dev community.
og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph
---

# Best of Tiger's Place — June 2024

1. 1  
[](https://daily.dev/posts/optimizing-react-context-and-re-renders-frbwkp3cf "Optimizing React Context and Re-renders")  
Article  
![Avatar of tigerabrodi](https://media.daily.dev/image/upload/s--YHA5dYl8--/f_auto/v1718349472/logos/tigerabrodi)Tiger's Place · 2y  
Optimizing React Context and Re-renders  
Learn how to optimize React Context to minimize re-renders. The post covers evaluating the causes of re-renders, splitting context into multiple contexts, using the useMemo hook for memoizing context values, and leveraging React.memo for state from higher components. Practical code examples are provided to demonstrate these optimization techniques.  
158  
4
2. 2  
[](https://daily.dev/posts/web-performance-the-dangers-of-background-images-p6p4awboi "Web performance: The Dangers of background images")  
Article  
![Avatar of tigerabrodi](https://media.daily.dev/image/upload/s--YHA5dYl8--/f_auto/v1718349472/logos/tigerabrodi)Tiger's Place · 2y  
Web performance: The Dangers of background images  
The post discusses the dangers of using background images in web performance. It explains how the browser parses HTML and CSS, the impact of external links on the CSS parser, and the problem with requesting and downloading images sequentially in the provided code.  
111  
10
3. 3  
[](https://daily.dev/posts/how-i-made-our-react-app-more-performant-includes-inp--bygliiqqt "How I made our React app more performant (includes INP)")  
Article  
![Avatar of tigerabrodi](https://media.daily.dev/image/upload/s--YHA5dYl8--/f_auto/v1718349472/logos/tigerabrodi)Tiger's Place · 2y  
How I made our React app more performant (includes INP)  
The author shares steps to optimize a React app by reducing unnecessary re-renders, especially in a chat layout. Techniques include using React DevTools for profiling, moving state into the appropriate components, and understanding the browser's rendering process through Interaction to Next Paint (INP). Key advice involves colocating state, measuring performance before optimizing, and understanding the rendering process for effective optimization.  
61  
2

[See all Tiger's Place archives](/sources/tigerabrodi/best-of)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/tigerabrodi/best-of/2024/06#page","url":"https://daily.dev/sources/tigerabrodi/best-of/2024/06","name":"Best Tiger's Place Posts — June 2024","description":"The most upvoted Tiger's Place posts from June 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/tigerabrodi/best-of/2024/06#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/optimizing-react-context-and-re-renders-frbwkp3cf","name":"Optimizing React Context and Re-renders"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/web-performance-the-dangers-of-background-images-p6p4awboi","name":"Web performance: The Dangers of background images"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-i-made-our-react-app-more-performant-includes-inp--bygliiqqt","name":"How I made our React app more performant (includes INP)"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Tiger's Place","item":"https://daily.dev/sources/tigerabrodi"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/tigerabrodi/best-of"},{"@type":"ListItem","position":5,"name":"June 2024"}]}]}
```

