Sudipta Pradhansudo-coder.hashnode.dev·Dec 13, 2024Guide to Authentication with Access and Refresh Tokens in React/Next.jsIntroduction Before allowing access to a resource or service, authentication is the process of confirming a user's or system's identity. Making sure that only authorized users may engage with the system is the first and most important step in protect...2 likes·54 readsauthentication
jeongeunjeongeun.hashnode.dev·Nov 11, 2024[React] TanStack Query 시작하기TanStack Query(React Query)란? HTTP 요청을 전송하고 프론트엔드 사용자 인터페이스를백엔드 데이터와 동기화된 상태로 유지하는데 이용하는 라이브러리이다.ㅤ TanStack Query를 사용하는 이유 refetch 캐시 처리 가져온 데이터를 캐시 처리하고 메모리에 저장해 필요할 때 다시 사용한다. 예를 들어, 다른 페이지로 이동한 후 다시 홈으로 갈 때 홈에서 필요한 모든 데이터를 다시 다 가져오는 게 아니라 메모리에...Today I LearnedReact
Benjamin Templebenjamintemple.hashnode.dev·Oct 23, 2024A Comprehensive Guide to Data Fetching in Next.js 15Data fetching in Next.js has come a long way, and with the introduction of the App Router and server components, we’ve stepped into a new era. The focus is shifting - Vercel now recommends doing as much data fetching on the server as possible. But th...146 readsNext.js
Subhamcodexam.hashnode.dev·Oct 15, 2024Is Redux Dead? Why I Kicked Redux Out of Our SaaS App🔥Connect: https://www.subham.online 🔥Twitter: https://twitter.com/TheSubhamMaity A few months ago, I took the plunge and refactored parts of a SaaS app I’ve been working on for a while. We had Redux in there, doing its thing, managing global state...Redux
Abdulwasiu AbdulmuizeforPryma Studioprymastudio.hashnode.dev·Oct 13, 2024Part 1: Managing API Requests with Exponential Backoff and a Request Queue in JavaScriptWhen building web applications, managing multiple API requests efficiently is crucial, especially when dealing with rate limits or unstable network conditions. This is where exponential backoff and request queuing come into play. In this blog post, w...5 likes·36 readsBuilding Resilient API Requests with Exponential BackoffReact Query Caching
Amrit Adhikariamrit69.com.np·Oct 6, 2024How to Fetch Data from an API Using React Query in a React.js Project Like a ProIn this article, we will explore how to fetch data from an API in a React.js project using React Query. We’ll also look at how to handle loading states and errors gracefully. By the end, you’ll be able to integrate React Query into your projects to s...React
Mike Odnisblog.mikeodnis.dev·Sep 26, 2024Beyond Static: Creating a Dynamic Developer Portfolio with Next.js and Modern Web TechIntroduction In today’s digital age, personal branding is crucial for developers looking to stand out in a competitive job market. A personal website that showcases your technical skills, personality, and accomplishments can open doors to new opportu...110 readsShadn
Mido Sayedmidosayed.hashnode.dev·Sep 17, 2024How a Front-End Engineer Evolves: Writing React Code at Different Skill LevelsAs a front-end engineer, your coding style and approach change as you gain more experience and become familiar with advanced tools and techniques. In this article, we will use the Dog API to demonstrate how to fetch an image at different skill levels...26 readsSuspense in React
Navayuvan Subramanianblogs.navayuvan.dev·Aug 24, 2024Efficient API Consumption in React TypeScriptAPIs are playing an important role in software development today. In the world of cloud computing, no application can function without APIs. The way you architect and consume these APIs can significantly impact your app's performance. Let’s explore b...31 readsReact
Ravindra Nagblog.ravindranag.in·Aug 13, 2024FeaturedBuilding Forms in React: How to Handle State, Validation, API Calls, and ToastsHi there, today I am sharing my knowledge of form building in React. Very often, we have found ourselves writing a bunch of useState or even worse, using a global state management library like Redux to manage form values, errors, loading states, etc....56 likes·610 readsReact
![[React] TanStack Query 시작하기](https://cdn.hashnode.com/res/hashnode/image/upload/v1731312500756/0bdfa7be-094a-48e2-9751-173a3508a84d.webp?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
