dev + it dev shadcn dialog Feature: Close Functionality for Dialog Component · Issue #88 · shadcn-ui/uiRight now there's no such wrapper code available in the docs for close functionality in Dialog component. I have tried to implement the same and it's working all fine. const DialogClose = React.forwardRef< React.ElementRef<typeof DialogP... wono | discuss | tweet + it dev nextjs breadcrumbs useSelectedLayoutSegments – Nextjs 한글 문서API Reference for the useSelectedLayoutSegments hook. wono | discuss | tweet + it dev nextjs tabs [Next.js] Parallel Routes병렬 라우팅을 이용한 Tabs 구현 wono | discuss | tweet + it dev nextjs tailwindcss Styling the Active Link with Next.js and Tailwind CSS - CruipLearn how to style and highlight the active link with Next.js and Tailwind CSS. We will also create a reusable navigation link component. wono | discuss | tweet + it dev react jotai Use get(atom) without tracking/subscribing · pmndrs/jotai · Discussion #1911Use get(atom) without tracking/subscribing wono | discuss | tweet + it dev nextjs error 7 common Next.js errors and how to solve them - LogRocket BlogLet's explore the causes and solutions of some common errors in Next.js that you may encounter during development. wono | discuss | tweet + it dev nextjs redirect When to use redirect() vs. router.push() in Next.jsExplaining the two methods for programmatically redirecting a user in Next.js components, server functions, or route handlers. wono | discuss | tweet + it dev react badsetstate Cannot update a component while rendering a different component warningI am getting this warning in react: index.js:1 Warning: Cannot update a component (`ConnectFunction`) while rendering a different component (`Register`). To locate the bad setState() call inside ` wono | discuss | tweet + it dev react strictmode What is React Strict Mode, and why is my Application Double Re-Rendering?What is React Strict Mode? Why is my app double re-rendering? Why is useEffect called twice? How to correctly cleanup async code & more wono | discuss | tweet + it dev nextjs badsetstate Cannot update a component (xxx) while rendering a different component (xxx)위의 웹 페이지에서 왼쪽의 컴포넌트 목록에서 각 메뉴를 클릭하면 오른쪽의 화면의 내용이 전환된다. 웹 버전을 모바일 버전으로 변경을 하게 되면 아래처럼 변환되고 좌측 상단의 메뉴 버튼을 클릭하면 메뉴가 표출된다. 지금이야 잘 작동을 하지만 최초 버전에서 제목의 에러 메시지를 만나게 되었다. Cannot update a component (`Main`) while rendering a different component (`MenuBar`). To locate the bad setState() call inside `MenuBar`, 화면의 컴포넌트 구조는 단순하다. 웹 버전일 때는 아래와 같고 모바일 버전에서는 다음과 같다. 문제는 모바일 버전에서 목록을 클릭할 때 마다 Main 컴포넌트의 인덱스가 변하.. wono | discuss | tweet + it dev nextjs mismatch Hydration Error : Minified React Error 해결하기 - 사툰사툰 NEXTJS꾸준히 성장하고 싶은 프론트엔드 엔지니어입니다. 저만의 경험과 기록을 담아두었습니다 | Error Typescript Frontend React Next.js Nginx wono | discuss | tweet + it dev nextjs mismatch [NextJS] Hydration error 해결/ SWC 설정(Prop className did not match)* 본 포스팅은 공부하며 작성한 내용이며, 틀린 부분이 있을 수도 있습니다* 문제상황 두어캘 개발을 하며 ... wono | discuss | tweet + it dev nextjs mismatch React의 hydration mismatch 알아보기 – 화해 블로그 | 기술 블로그React의 hydration mismatch 알아보기 화해는 에러 트래킹 서비스인 Sentry를 사용하고 있는데요. 지난해 Next.js의 static export로 배포한 이벤트 페이지에서 hydration mismatch 에러가 쌓이기 시작했습니다. wono | discuss | tweet + it dev nextjs template Next.js 14 강좌 3편. Template과 Loading 스페셜 파일template.tsx 파일과 loading.tsx 스페셜 파일 wono | discuss | tweet + it dev fe 작게 시작하는 성능 개선 wono | discuss | tweet + it dev nextjs swr React-Query vs SWR블로그 이전하였습니다. React-Query vs SWR 비슷하지만 다른 react-query와 swr를 컨셉을 이해하며 비교해보자 yoon-hae-min.github.io 기존 글 서론 둘이 비교하기 앞서 왜 이런 라이브러리를 쓰는지부터 보고 가자 React에서 서버로부터 데이터를 가져오거나 전송해야할때 fetch Api를 사용하거나 axios를 사용하고는 한다. 이를 사용해서 충분히 서버와 데이터를 주고받을 수 있으나 규모가 커지면서 데이터 처리, 에러핸들링과 같은 부가적인 요인들이 많아지게 된다. 직접 구현해도 되지만 라이브러리를 이용해서 좀 더 쉽게 처리할 수 있다. 공통점 1. 데이터 요청 및 관리를 하기 쉽게 만들어 준다. 2. 캐시를 통해 api 호출을 줄이고 성능(UX)를 향상할 수 있다... wono | discuss | tweet + it dev nextjs swr API – SWRSWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again. wono | discuss | tweet + it dev nextjs swr swr compared to @tanstack/react-query - Peterbe.comComparing swr compared to @tanstack/react-query for doing client-side data fetching in a React app. wono | discuss | tweet + it dev nextjs swr swr 에서 react-query 전환기 | 네이버페이 기술블로그안녕하세요. 금융 FE의 김범준입니다. 새로 팀에 입사한 후, 새로운 프로젝트를 시작하는데에 참여하게 ... wono | discuss | tweet + it dev nextjs cache NextJS cache patterns for server actions wono | discuss | tweetNext
+ it dev shadcn dialog Feature: Close Functionality for Dialog Component · Issue #88 · shadcn-ui/uiRight now there's no such wrapper code available in the docs for close functionality in Dialog component. I have tried to implement the same and it's working all fine. const DialogClose = React.forwardRef< React.ElementRef<typeof DialogP... wono | discuss | tweet
+ it dev nextjs breadcrumbs useSelectedLayoutSegments – Nextjs 한글 문서API Reference for the useSelectedLayoutSegments hook. wono | discuss | tweet
+ it dev nextjs tailwindcss Styling the Active Link with Next.js and Tailwind CSS - CruipLearn how to style and highlight the active link with Next.js and Tailwind CSS. We will also create a reusable navigation link component. wono | discuss | tweet
+ it dev react jotai Use get(atom) without tracking/subscribing · pmndrs/jotai · Discussion #1911Use get(atom) without tracking/subscribing wono | discuss | tweet
+ it dev nextjs error 7 common Next.js errors and how to solve them - LogRocket BlogLet's explore the causes and solutions of some common errors in Next.js that you may encounter during development. wono | discuss | tweet
+ it dev nextjs redirect When to use redirect() vs. router.push() in Next.jsExplaining the two methods for programmatically redirecting a user in Next.js components, server functions, or route handlers. wono | discuss | tweet
+ it dev react badsetstate Cannot update a component while rendering a different component warningI am getting this warning in react: index.js:1 Warning: Cannot update a component (`ConnectFunction`) while rendering a different component (`Register`). To locate the bad setState() call inside ` wono | discuss | tweet
+ it dev react strictmode What is React Strict Mode, and why is my Application Double Re-Rendering?What is React Strict Mode? Why is my app double re-rendering? Why is useEffect called twice? How to correctly cleanup async code & more wono | discuss | tweet
+ it dev nextjs badsetstate Cannot update a component (xxx) while rendering a different component (xxx)위의 웹 페이지에서 왼쪽의 컴포넌트 목록에서 각 메뉴를 클릭하면 오른쪽의 화면의 내용이 전환된다. 웹 버전을 모바일 버전으로 변경을 하게 되면 아래처럼 변환되고 좌측 상단의 메뉴 버튼을 클릭하면 메뉴가 표출된다. 지금이야 잘 작동을 하지만 최초 버전에서 제목의 에러 메시지를 만나게 되었다. Cannot update a component (`Main`) while rendering a different component (`MenuBar`). To locate the bad setState() call inside `MenuBar`, 화면의 컴포넌트 구조는 단순하다. 웹 버전일 때는 아래와 같고 모바일 버전에서는 다음과 같다. 문제는 모바일 버전에서 목록을 클릭할 때 마다 Main 컴포넌트의 인덱스가 변하.. wono | discuss | tweet
+ it dev nextjs mismatch Hydration Error : Minified React Error 해결하기 - 사툰사툰 NEXTJS꾸준히 성장하고 싶은 프론트엔드 엔지니어입니다. 저만의 경험과 기록을 담아두었습니다 | Error Typescript Frontend React Next.js Nginx wono | discuss | tweet
+ it dev nextjs mismatch [NextJS] Hydration error 해결/ SWC 설정(Prop className did not match)* 본 포스팅은 공부하며 작성한 내용이며, 틀린 부분이 있을 수도 있습니다* 문제상황 두어캘 개발을 하며 ... wono | discuss | tweet
+ it dev nextjs mismatch React의 hydration mismatch 알아보기 – 화해 블로그 | 기술 블로그React의 hydration mismatch 알아보기 화해는 에러 트래킹 서비스인 Sentry를 사용하고 있는데요. 지난해 Next.js의 static export로 배포한 이벤트 페이지에서 hydration mismatch 에러가 쌓이기 시작했습니다. wono | discuss | tweet
+ it dev nextjs template Next.js 14 강좌 3편. Template과 Loading 스페셜 파일template.tsx 파일과 loading.tsx 스페셜 파일 wono | discuss | tweet
+ it dev nextjs swr React-Query vs SWR블로그 이전하였습니다. React-Query vs SWR 비슷하지만 다른 react-query와 swr를 컨셉을 이해하며 비교해보자 yoon-hae-min.github.io 기존 글 서론 둘이 비교하기 앞서 왜 이런 라이브러리를 쓰는지부터 보고 가자 React에서 서버로부터 데이터를 가져오거나 전송해야할때 fetch Api를 사용하거나 axios를 사용하고는 한다. 이를 사용해서 충분히 서버와 데이터를 주고받을 수 있으나 규모가 커지면서 데이터 처리, 에러핸들링과 같은 부가적인 요인들이 많아지게 된다. 직접 구현해도 되지만 라이브러리를 이용해서 좀 더 쉽게 처리할 수 있다. 공통점 1. 데이터 요청 및 관리를 하기 쉽게 만들어 준다. 2. 캐시를 통해 api 호출을 줄이고 성능(UX)를 향상할 수 있다... wono | discuss | tweet
+ it dev nextjs swr API – SWRSWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again. wono | discuss | tweet
+ it dev nextjs swr swr compared to @tanstack/react-query - Peterbe.comComparing swr compared to @tanstack/react-query for doing client-side data fetching in a React app. wono | discuss | tweet
+ it dev nextjs swr swr 에서 react-query 전환기 | 네이버페이 기술블로그안녕하세요. 금융 FE의 김범준입니다. 새로 팀에 입사한 후, 새로운 프로젝트를 시작하는데에 참여하게 ... wono | discuss | tweet