Mohammad Amanmohammadaman.hashnode.dev路Jan 15, 2025Enhancing React Apps: Optimistic Updates with Tanstack Query ExplainedOptimistic updates are a game-changing approach to improving user experience in modern web applications. By updating the user interface (UI) immediately, instead of waiting for the server's response, you can make your app feel faster and more respons...6 likesReact
Yoon Kimyoonthecoder.hashnode.dev路Jan 15, 2025Understanding React's useState with Callback Functions: A Deep DiveReact's useState hook is a fundamental tool for managing state in functional components. While many developers are familiar with its basic usage, the callback pattern within useState is often overlooked yet incredibly powerful. In this post, we'll ex...React
Muhammad Abubakarabubakarwebdev.hashnode.dev路Jan 13, 2025React 19 Updates: Complete Look at New Features with ExamplesHere is the list of the all newly added features in the React 19: React Compiler Server Components React 19 <form> Server Actions New Hooks: useActionState, useFormStatus, useOptimistic New API: use Existing Improvements: Ref as a Prop, ref ca...4 likes路31 readsReact
Saurabh Guptacodecraft-by-saurabh.hashnode.dev路Jan 12, 2025Comprehensive Guide to Building Multipart Forms in React for BeginnersIntroduction Handling multipart forms can be challenging, especially when managing file uploads alongside text data. This guide simplifies the process using React, React Hook Form, and TypeScript, focusing on frontend implementation with step-by-step...53 readsMultipart form
Sharafath Alisharafath.hashnode.dev路Jan 9, 2025Enhance React Performance: Avoid Unnecessary Re-renders Using React.memo, useMemo, and useCallbackReact is a powerful library for building dynamic user interfaces, but sometimes its default behavior can lead to inefficiencies. One such behavior is the re-rendering of child components whenever a parent component updates. While this is intentional ...29 readsReact
Shivam barthwalshivamcoder.hashnode.dev路Jan 8, 2025Understanding React Fiber and Reconciliation: A Deep DiveReact has revolutionized the way we build user interfaces, and its powerful core algorithm, React Fiber, is a key part of this success. Introduced in React 16, Fiber was designed to make rendering more efficient, smooth, and scalable. In this blog, w...1 likeFrontend Unlocked: From Basics to BrillianceReact
Polar The Explorerlogicbricks.hashnode.dev路Jan 7, 2025Isomorphic Development and ReactJS 馃殌1. SPA Challenges Single Page Applications (SPAs) provide great user experience, but they face challenges with SEO (Search Engine Optimization) and initial page load performance. Traditional SPAs rely on client-side rendering, which can lead to slo...1 likejs
React Mastersreactmasters.hashnode.dev路Jan 7, 2025React 19 Features with ExamplesReact, the popular JavaScript library for building user interfaces has evolved significantly. With the release of React 19, developers are introduced to an array of exciting features and improvements. This article will explore these features in detai...React
Awaiskazmi066.hashnode.dev路Jan 5, 2025Lub-e-lubab of state management in ReactManaging state is one of the trickiest parts of building React applications, and it鈥檚 easy to over-engineer solutions in the pursuit of "doing it right." While global state often gets the spotlight, the reality is that most state in an app doesn鈥檛 ne...108 readsReact
Subham Abhishek Jaiswalsaj.hashnode.dev路Jan 4, 2025Zero to Hero in React: A Beginner's RoadmapIn every line of code, we draft a new possibility. React serves as the canvas on which we paint our ever-evolving ideas. Hi, I鈥檓 Subham Jaiswal, and this is your one-stop guide to React! Whether you鈥檙e starting from scratch or brushing up on your sk...30 readsReact
