Platwoindiegamescreation.hashnode.dev·Dec 10, 2024Order Independent TransparencyIntroduction This blog post follows on from my previous one on structuring the rendering of a frame within my custom game engine. Information given in the prior post is not necessary for this one, but I’ll give a quick rundown of who I am and what th...34 readsengine dev
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...79 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 ...Next.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...React
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...reactRender
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...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...React 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...1 like·366 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 ...React
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...JavaScript
