Vashishth Gajjarvashtech.hashnode.dev·Jul 18, 2024Chapter 6: Conditional RenderingWelcome back to "React Revolution"! In the previous chapter, we explored event handling in React, a fundamental skill for creating interactive applications. Today, we're going to dive into another key concept. This will allow you to control what gets...DiscussReact RevolutionRendering
Aneesa Fatimacodewithaneesa.hashnode.dev·Jul 17, 2024⚡️ Boosting React Performance with Memo and useCallbackHey everyone! 👋 In this blog, I’m excited to share my tips on optimizing performance in React. We've all experienced the frustration of unnecessary component re-renders, especially when a small change causes a cascade of unexpected errors. While Rea...Discuss·10 likesReact
Divy Parekhdivysblog.hashnode.dev·Jul 13, 2024Client Side rendering and Server Side rendering | CSR vs SSRChoosing between Client-Side Rendering (CSR) and Server-Side Rendering (SSR) can impact how your web application performs and interacts with users. While CSR excels in dynamic, interactive experiences post-initial load, SSR shines with faster initial...DiscussCSRvsSSR
Yash Thakuryashthakur.hashnode.dev·Jul 9, 2024Unlocking the CSSOM: How Browsers Render Your Web PagesUnderstanding how web browsers render web pages involves grasping the intricacies of the CSS Object Model (CSSOM), its interaction with the Document Object Model (DOM), and the role of JavaScript in dynamic content manipulation. In this blog post, we...Discusscssom
Masud Ranamasud.hashnode.dev·Jul 6, 2024Mastering Web Rendering: Client-Side Rendering (CSR) vs. Server-Side Rendering (SSR)In the ever-evolving world of web development, choosing the right rendering method can significantly impact your application’s performance, user experience, and SEO. In this comprehensive guide, we’ll delve into the nuances of Client-Side Rendering (...DiscussSSR
Kennedy Ngosakennedyng.hashnode.dev·Jul 1, 2024Understanding Rendering In Next jsRendering in the NextJS framework is one of the powerful feature that can be used to optimize application performance, improve search engine optimization (SEO), and improve the user experience. NextJS offers basically four types of rendering techniqu...Discuss·32 readsNext.js
Zacryonfancytree.hashnode.dev·Jul 1, 2024Light, Shadow, Sprinting and TAAGitHub repository and specific commit corresponding to this blog post:https://github.com/Zacrain/a-fancy-tree commit hash: da31658. If you've followed my blog so far, you know that the world around the fancy tree was still a bit boring and ugly. Fur...DiscussGodot Engine
Muhammad Abubakarabubakarwebdev.hashnode.dev·Jun 22, 2024How Browsers Render Web Pages: A Complete GuideIn my opinion, understanding the rendering process is important for web developers, as it can help identify performance issues and optimize the display of web pages. In this article, I will explain the steps browsers take and share performance tips t...DiscussBrowsers
Aneesa Fatimacodewithaneesa.hashnode.dev·May 13, 2024Demystifying React Re-rendering 🔄: A Beginner's GuideIn this post, I'll delve into how re-rendering works in React. Rendering a component in React essentially involves transforming components into UI interfaces that users can see and interact with. Re-rendering, on the other hand, means rendering a com...Discuss·1 likeReact
Kunal Agrawalkunalpy3.hashnode.dev·May 12, 2024Rendering strategies for web applications.Web applications render content in different ways, affecting speed, SEO, and user experience. Here's a quick look at common strategies: Static Sites: Fastest loading, ideal for simple websites, but lack interactivity. Great for SEO. Client-Side Ren...Discuss·1 likeRendering