Hillary NyakundiforReact & Next | JavaScript | DSA | UI &UXnyakundi.hashnode.dev·10 hours agoRendering 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 rahmanforDevDive Diariesshohan777.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 AcharyaforReact Diariesreact-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 JINARIforEasyDevbenizcode.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 forByteBasicscodecrafters.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 MehtaforShubham 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·315 readsClient-side rendering
Vardan HakobyanforVardan's blogvardan.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 BitsforNile 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 BrownforDevsDaddydevsdaddy.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 Vermaforamiteshverma.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
