it + it dev react doubleclick Prevent double click ReactHello everyone im trying to prevent double click but im not doing any API calls, and dont want to use timeout I did few approachs first one import React, { useState } from "react"; const ... wono | discuss | tweet + it dev nextjs jotai provider Is there a reason NOT to use a Provider? · pmndrs/jotai · Discussion #1709Is there a reason NOT to use a Provider? wono | discuss | tweet + it ops db postgresql sample dvdrental 처음 사용자를 위한 PostgreSQL 사용 샘플 - 5. 데이터 업로드"처음 사용자를 위한 PostgreSQL 사용 샘플"이라는 제목의 시리즈로, 저처럼 PostgreSQL을 처음 접하는 사용자를 위한 기본적인 개념, 사용 샘플을 설명드립니다. 이전글 [Database/PostgreSQL] - 처음 사용자를 위한 PostgreSQL 사용 샘플 - 4. pgAdmin 설치 & DB 접속 아래 자료를 참조했습니다. PostgreSQL Domcumentation The Internals of PostgreSQL PostgreSQL Tutorial PSQL을 통한 데이터 로딩 이번에는 PSQL 유틸리티를 통해 데이터베이스를 만들고, 샘플 스키마를 생성하고 데이터를 로딩해 보겠습니다. PostgreSQL Tutorial 사이트에서 제공하는 샘플 스키마를 활용합니다. 먼저 아래 링크.. wono | discuss | tweet + it ops db table Database Naming StandardsIntroduction Database naming conventions, despite SQL having been around for decades, are... Tagged with database, sql, techtalks. wono | discuss | tweet + it dev nextjs shadcnui admin GitHub - satnaing/shadcn-admin: Admin Dashboard UI built with Shadcn and Vite.Admin Dashboard UI built with Shadcn and Vite. Contribute to satnaing/shadcn-admin development by creating an account on GitHub. wono | discuss | tweet + it dev nextjs admin template Admin Dashboard With Next.js, TypeScript & Shadcn/uiWe will build a dashboard interface using React, Next.js, TypeScript and Shadcn-ui. It will be a content management interface for blog posts. We will also use Recharts, Lucide-React, React-Hook-Form and Zod for validation. wono | discuss | tweet + it dev nextjs zod form [Next.js] Shadcn/ui + zod + React-hook-form 으로 회원가입 페이지 구현하기Next.js에서 Shadcn/ui, zod, RHF 를 사용하여 회원가입을 구현하여 보았다.Shadcn/ui는 Radix UI 및 Tailwind CSS를 사용하여 구축된 재사용 가능한 컴포넌트이다.컴포넌트 라이브러리가 아닌 재사용 가능한 컴포넌트의 모음이다.우리는 wono | discuss | tweet + it dev nextjs jotai Jotai 레시피이번 글에서는 카카오스타일에서 Jotai를 어떤 식으로 사용하고 있는지 여러가지 패턴에 대해 설명하려고 합니다. wono | discuss | tweet + it dev nextjs jotai SSR Usage - `useHydrateAtoms` hook causes a UI missmatch · pmndrs/jotai · Discussion #1982SSR Usage - `useHydrateAtoms` hook causes a UI missmatch wono | discuss | tweet + it dev nextjs jotai usehydrateatoms Nextjs + Jotai의 SSR 이슈 wono | discuss | tweet + it dev nextjs jotai ref div RSC内のCC同士を連携させるためにJotaiを使った話 wono | discuss | tweet + it dev nextjs jotai zustand [React🌀] 차세대 상태관리 라이브러리, Jotai VS Zustand ⭐ (Feat. Recoil)들어가며 프론트엔드 분야는 변화가 정말 빠르고 쉴새없이 발전하고 있는 것 같습니다. 하던 것만 열심히하면 어느새 뒤쳐지고 있는 자신을 발견할 수 있습니다… 😭 그 중에서도 가장 우리를 까다롭게 만드는 분야가 있죠, 바로 상태관리 (state management) 입니다. 리액트와 Next JS 등 프레임워크들이 여러 문제상황들을 해결해주었다고 하지만 상태관리에 대해서는 여전히 의문입니다. 코드가 길어지고, 무언가 모를 불편함이 항상 존재해왔죠. Redux 나 Mobx, 거기에 더 나아가서는 Redux 사용을 간소화시킨 Redux toolkit 또한 등장하지만 아직도 이 부분은 발전할 길이 많이 남았다고 생각됩니다. 그 중에 최근들어 점점 주목받고있는 2가지 라이브러리를 소개하고자 합니다! 바로 Jotai.. wono | discuss | tweet + it dev nextjs jotai store Using Jotai only as an external provider-less store compared to Zustand · pmndrs/jotai · Discussion #2444Using Jotai only as an external provider-less store compared to Zustand wono | discuss | tweet + it dev nextjs jotai issue Next 14: Specified module format (CommonJs) is not matching the module format of the source code (EcmaScript Modules) · pmndrs/jotai · Discussion #2579Next 14: Specified module format (CommonJs) is not matching the module format of the source code (EcmaScript Modules) wono | discuss | tweet + it dev nextjs jotai example next.js/examples/with-jotai at canary · vercel/next.jsThe React Framework. Contribute to vercel/next.js development by creating an account on GitHub. wono | discuss | tweet + it dev nextjs server-only cache context Sharing User Data Between Server Components of Different Pages in Next.js 14 · vercel/next.js · Discussion #67330Sharing User Data Between Server Components of Different Pages in Next.js 14 wono | discuss | tweet + it dev nextjs context cache NextJS 이해 해보기_5 - Server Component와 Client Component의 구성 패턴NextJS App Route에서 Server Component와 Client Component 비교 wono | discuss | tweet + it dev nextjs context Next.js 14 강좌 12편. 서버 컴포넌트 패턴 - 서버 전용 코드(server-only), 써드 파티 패키지, 컨텍스트 프로바이더(Context Provider) 활용하기서버 컴포넌트 패턴 - 서버 전용 코드, 써드 파티 패키지, 컨텍스트 프로바이더 활용하기 wono | discuss | tweet + it dev nextjs context Next.js - 서버 컴포넌트에서 useContext() 사용하기넥스트js는 서버컴포넌트와 클라이언트 컴포넌트로 나뉘어진다 그렇기 때문에 React 기반의 훅들을 사용할 때는 한번더 생각해보아야 한다 오늘은 useContext() 를 어떻게 사용하는 지 알아볼 것이다 Next.js - 서버 컴포넌트에서 useContext() 사용하기 리액트에서 전역 변수를 전달하기 위해 redux / useContext 를 사용하였다 Next.js에서 useContext 를 사용하려고 하니 한가지 제약이 있었다 You are using createContext in a Server Component but it only works in Client Components → 바로 클라이언트 컴포넌트에서만 사용이 가능하다는 것이다 createContext in a Server Compo.. wono | discuss | tweet + it lang naming Tips on naming boolean variables - Cleaner CodeOriginally posted at michaelzanggl.com. Subscribe to my newsletter to never miss out on new... Tagged with codequality, refactorit. wono | discuss | tweetNext
+ it dev react doubleclick Prevent double click ReactHello everyone im trying to prevent double click but im not doing any API calls, and dont want to use timeout I did few approachs first one import React, { useState } from "react"; const ... wono | discuss | tweet
+ it dev nextjs jotai provider Is there a reason NOT to use a Provider? · pmndrs/jotai · Discussion #1709Is there a reason NOT to use a Provider? wono | discuss | tweet
+ it ops db postgresql sample dvdrental 처음 사용자를 위한 PostgreSQL 사용 샘플 - 5. 데이터 업로드"처음 사용자를 위한 PostgreSQL 사용 샘플"이라는 제목의 시리즈로, 저처럼 PostgreSQL을 처음 접하는 사용자를 위한 기본적인 개념, 사용 샘플을 설명드립니다. 이전글 [Database/PostgreSQL] - 처음 사용자를 위한 PostgreSQL 사용 샘플 - 4. pgAdmin 설치 & DB 접속 아래 자료를 참조했습니다. PostgreSQL Domcumentation The Internals of PostgreSQL PostgreSQL Tutorial PSQL을 통한 데이터 로딩 이번에는 PSQL 유틸리티를 통해 데이터베이스를 만들고, 샘플 스키마를 생성하고 데이터를 로딩해 보겠습니다. PostgreSQL Tutorial 사이트에서 제공하는 샘플 스키마를 활용합니다. 먼저 아래 링크.. wono | discuss | tweet
+ it ops db table Database Naming StandardsIntroduction Database naming conventions, despite SQL having been around for decades, are... Tagged with database, sql, techtalks. wono | discuss | tweet
+ it dev nextjs shadcnui admin GitHub - satnaing/shadcn-admin: Admin Dashboard UI built with Shadcn and Vite.Admin Dashboard UI built with Shadcn and Vite. Contribute to satnaing/shadcn-admin development by creating an account on GitHub. wono | discuss | tweet
+ it dev nextjs admin template Admin Dashboard With Next.js, TypeScript & Shadcn/uiWe will build a dashboard interface using React, Next.js, TypeScript and Shadcn-ui. It will be a content management interface for blog posts. We will also use Recharts, Lucide-React, React-Hook-Form and Zod for validation. wono | discuss | tweet
+ it dev nextjs zod form [Next.js] Shadcn/ui + zod + React-hook-form 으로 회원가입 페이지 구현하기Next.js에서 Shadcn/ui, zod, RHF 를 사용하여 회원가입을 구현하여 보았다.Shadcn/ui는 Radix UI 및 Tailwind CSS를 사용하여 구축된 재사용 가능한 컴포넌트이다.컴포넌트 라이브러리가 아닌 재사용 가능한 컴포넌트의 모음이다.우리는 wono | discuss | tweet
+ it dev nextjs jotai Jotai 레시피이번 글에서는 카카오스타일에서 Jotai를 어떤 식으로 사용하고 있는지 여러가지 패턴에 대해 설명하려고 합니다. wono | discuss | tweet
+ it dev nextjs jotai SSR Usage - `useHydrateAtoms` hook causes a UI missmatch · pmndrs/jotai · Discussion #1982SSR Usage - `useHydrateAtoms` hook causes a UI missmatch wono | discuss | tweet
+ it dev nextjs jotai zustand [React🌀] 차세대 상태관리 라이브러리, Jotai VS Zustand ⭐ (Feat. Recoil)들어가며 프론트엔드 분야는 변화가 정말 빠르고 쉴새없이 발전하고 있는 것 같습니다. 하던 것만 열심히하면 어느새 뒤쳐지고 있는 자신을 발견할 수 있습니다… 😭 그 중에서도 가장 우리를 까다롭게 만드는 분야가 있죠, 바로 상태관리 (state management) 입니다. 리액트와 Next JS 등 프레임워크들이 여러 문제상황들을 해결해주었다고 하지만 상태관리에 대해서는 여전히 의문입니다. 코드가 길어지고, 무언가 모를 불편함이 항상 존재해왔죠. Redux 나 Mobx, 거기에 더 나아가서는 Redux 사용을 간소화시킨 Redux toolkit 또한 등장하지만 아직도 이 부분은 발전할 길이 많이 남았다고 생각됩니다. 그 중에 최근들어 점점 주목받고있는 2가지 라이브러리를 소개하고자 합니다! 바로 Jotai.. wono | discuss | tweet
+ it dev nextjs jotai store Using Jotai only as an external provider-less store compared to Zustand · pmndrs/jotai · Discussion #2444Using Jotai only as an external provider-less store compared to Zustand wono | discuss | tweet
+ it dev nextjs jotai issue Next 14: Specified module format (CommonJs) is not matching the module format of the source code (EcmaScript Modules) · pmndrs/jotai · Discussion #2579Next 14: Specified module format (CommonJs) is not matching the module format of the source code (EcmaScript Modules) wono | discuss | tweet
+ it dev nextjs jotai example next.js/examples/with-jotai at canary · vercel/next.jsThe React Framework. Contribute to vercel/next.js development by creating an account on GitHub. wono | discuss | tweet
+ it dev nextjs server-only cache context Sharing User Data Between Server Components of Different Pages in Next.js 14 · vercel/next.js · Discussion #67330Sharing User Data Between Server Components of Different Pages in Next.js 14 wono | discuss | tweet
+ it dev nextjs context cache NextJS 이해 해보기_5 - Server Component와 Client Component의 구성 패턴NextJS App Route에서 Server Component와 Client Component 비교 wono | discuss | tweet
+ it dev nextjs context Next.js 14 강좌 12편. 서버 컴포넌트 패턴 - 서버 전용 코드(server-only), 써드 파티 패키지, 컨텍스트 프로바이더(Context Provider) 활용하기서버 컴포넌트 패턴 - 서버 전용 코드, 써드 파티 패키지, 컨텍스트 프로바이더 활용하기 wono | discuss | tweet
+ it dev nextjs context Next.js - 서버 컴포넌트에서 useContext() 사용하기넥스트js는 서버컴포넌트와 클라이언트 컴포넌트로 나뉘어진다 그렇기 때문에 React 기반의 훅들을 사용할 때는 한번더 생각해보아야 한다 오늘은 useContext() 를 어떻게 사용하는 지 알아볼 것이다 Next.js - 서버 컴포넌트에서 useContext() 사용하기 리액트에서 전역 변수를 전달하기 위해 redux / useContext 를 사용하였다 Next.js에서 useContext 를 사용하려고 하니 한가지 제약이 있었다 You are using createContext in a Server Component but it only works in Client Components → 바로 클라이언트 컴포넌트에서만 사용이 가능하다는 것이다 createContext in a Server Compo.. wono | discuss | tweet
+ it lang naming Tips on naming boolean variables - Cleaner CodeOriginally posted at michaelzanggl.com. Subscribe to my newsletter to never miss out on new... Tagged with codequality, refactorit. wono | discuss | tweet