Ashikur Rahmanashikonweb.hashnode.dev·Nov 27, 2024How Browsers Work: What Happens When You Type a URL?You might think you already know how a browser works: type a URL, hit enter, the browser makes an HTTP request, the server responds, and the website loads—simple, right? Not quite! Behind the scenes, your browser is doing far more. It’s performing co...Discuss·73 readsBrowsers
Hillary Nyakundinyakundi.hashnode.dev·Nov 26, 2024Rendering in Next.jsNext.js utilizes the hybrid approach of both server-side rendering and client-side rendering. In this blog, I deep dive into the ins and outs of component rendering ,ride with me. Unearthing SSR vs CSR A friend told me “That's the building block for ...DiscussNext.js
shohanur rahmanshohan777.hashnode.dev·Nov 23, 2024Bug in react? Component mounting and unmounting but does not update state.I am working on search feature of a sidebar menu of a dashboard. The sidebar was okay (till now). I was assigned a task to add a search feature to the sidebar menu and that's where I have fallen upon this problem. Even if I the components are mountin...DiscussReact
Sahana S Acharyareact-diaries.hashnode.dev·Nov 16, 2024How I Built My Own React RendererWhat Is React Rendering? At its core, React renders user interfaces by converting JavaScript objects (React elements) into DOM elements. React elements are essentially descriptions of the UI in the form of plain JavaScript objects. React then uses th...DiscussreactRender
Zainab JINARIbenizcode.hashnode.dev·Oct 21, 2024How React Works Under The HoodIntroduction: In this tutorial, we will explore how the React framework works. To achieve this, we'll start by understanding the traditional way of doing things. We'll use an example to see how it is rendered and discuss the performance limitations o...Discuss·10 likes·26 readsReact
Nitesh Singh codecrafters.hashnode.dev·Oct 12, 2024Rendering Lists in React: Using for Loop vs mapWhen working with arrays in React, you often need to render a list of components. There are two common ways to achieve this: using a for loop or the map method. In this blog post, we'll explore both methods with simple examples. Using map The map met...DiscussReact JargonReact
Shubham Mehtashubham-mehta.hashnode.dev·Sep 23, 2024Client Side Rendering (CSR) vs Server Side Rendering (SSR)While developing a web application or website from scratch, a developer has to make many decisions that can significantly impact performance and user experience, especially how the content is rendered on the view. First, let's understand what renderi...Discuss·1 like·365 readsClient-side rendering
Vardan Hakobyanvardan.hashnode.dev·Sep 18, 2024When do (and don’t) children re-render in React?Photo by Ferenc Almasi on Unsplash When writing React components, we always strive to keep optimization in mind. It’s always useful to know when unnecessary re-rendering occurs in our code, especially if we have heavy components in our app. So let’s ...DiscussReact
Nile Bitsnilebits.hashnode.dev·Sep 16, 2024Top 10 Advanced JavaScript Performance Optimization Techniques and PatternsIn the world of web development today, user experience is mostly determined by performance. A sluggish website or application may cause bounce rates to rise, user annoyance, and harm to search engine results. Adopting sophisticated optimization strat...DiscussJavaScript
Elijah Browndevsdaddy.hashnode.dev·Sep 1, 2024FeaturedWriting a plugin for upscaling rendering under ThreeJSIntroduction An upscaling algorithm is an algorithm for improving the quality of real-time animations and images using simple and efficient shaders. Unlike AMD FSR, which is generally focused on PCs and consoles, we will create a plugin that has been...Discuss·27 likes·65 readsText Tutorialsupscaling
