shohanur rahmanshohan777.hashnode.dev·2 hours agoBug 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·301 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
Amitesh Vermaamiteshverma.hashnode.dev·Aug 30, 2024Client Side rendering vs server side renderingAs I’ve been diving deeper into web applications, I've come across two fundamental concepts that play a big role in how web applications function: Client-Side Rendering (CSR) and Server-Side Rendering (SSR). While both have their own unique advantage...Discuss·1 likeNext.js
Vashishth Gajjarvashtech.hashnode.dev·Aug 21, 2024Chapter 4: Rendering4.1 What is Rendering? In web development, rendering is the process of turning your React components into HTML that browsers can understand and display. There are a few ways rendering happens in Next.js, and it’s what sets this framework apart from o...DiscussMastering Next.jsNext.js
