Suhas Khobragadesuhaasya.hashnode.dev·Dec 7, 2024Understanding How Browsers Work: From HTML to Modern Web AppsModern web development can seem like magic, but understanding how browsers actually process and render our code is crucial for building efficient web applications. In this comprehensive guide, we'll break down the journey from HTML to pixels on your ...Web Development
Yusuf Uysalyusufuysal.hashnode.dev·Sep 27, 2024Boosting React Performance: Why It Matters and How to Achieve ItOne key difference between a junior developer and a senior engineer is their focus on web application performance. While mastering tools and concepts is important, it's just the foundation. The next step is solving problems efficiently and creating o...React Performance OptimizationsReact
Smit Khanparause-sync-external-store.hashnode.dev·Sep 23, 2024Replacing Context API and State Management Libraries with useSyncExternalStoreIn React apps, managing state across several components is essential to a seamless user experience. While the Context API is a common tool for managing global states, it often leads to unnecessary re-renders. When a context value changes, all compone...React
Yusuf Uysalyusufuysal.hashnode.dev·Sep 15, 2024Unlocking the Power of React: Top Benefits for Modern Web DevelopmentReact has been the most popular UI library for nearly a decade, significantly simplifying the lives of frontend developers. To become better React developers, and better software engineers in general, we should always ask "why," not just focus on "ho...31 readsReact
Sober Summysobersummy.hashnode.dev·May 15, 2024Lazy Load - The Better WayWhat is lazy Load ?In the realm of web applications, "lazy loading" reigns supreme as a go-to method for ensuring rapid content display to users as soon as they navigate to the site. In the react world, react provides a nifty method lazy for doing th...1 like·113 readslazyload
Nirmal Kumarnirmalkumar.hashnode.dev·Aug 31, 2023Don’t use State for React Forms. Use this instead!Introduction When it comes to handling forms in react, the most popular approach is to store the input values in state variables. One of the reasons for following this approach is because, it's React, after all, and everyone tends to use the hooks th...1 like·27 readsReact
HUL Bunsalbunsal.hashnode.dev·Jul 15, 2023Optimizing React's PerformanceApplication performance optimization is crucial for developers concerned about maintaining a pleasant user experience to keep users engaged. According to Akamai’s research, developers must build apps optimized for speed; every additional second of lo...1 likeReact
Sumit Singhfreeyoursmind.hashnode.dev·May 28, 2023Do you know? React doesn’t render state immediatelyDespite React's popularity, one of its main shortcomings is the excessive re-rendering of its components. You might have noticed that state updates don't always immediately reflect modified values when creating React applications. React state is a st...optimization
Blessed Dominicmakarios.hashnode.dev·May 7, 2023Boosting React Performance: Minimizing Component Re-renders for Faster RenderinguseCallback is a React Hook that lets you cache a function definition between re-renders - React Docs. In React applications, it is a standard procedure that whenever the state changes, the corresponding component re-renders to update its state and r...react perfomance
Rishu singhrishublog.hashnode.dev·Jan 20, 2023How to Optimize the Performance of React JSReact is a popular JavaScript library for building user interfaces, and it's known for its performance and flexibility. However, as your application grows in complexity, it's important to take steps to optimize its performance so that it remains resp...1 like·41 readsReact
