حتما اگر نکته ای هست که فکر میکنید به درد بقیه دوستان بخوره، توی کامنتا به اشتراک بزارید 👌

#tips

🚀 @coolycode

این ویدیو برای ۱۲ سال پیشه و ۱۲امین و همچنین پر بازدید ترین ویدیو از چنل جادی هستش، ولی جدایی از اینها چنل جادی از جذاب ترین و بهترین چنل های گیک و برنامه نویسیه ❤️

🔗 https://youtu.be/n7TfYBONzV0

#fun #geek

🚀 @coolycode

#figma

🌐 https://www.figma.com/community

🚀 @coolycode

خلاصه که دان شد ✅

بریم برا ریبیسش 😭🤣

type GetAllUsersResponse = {
  getAllUsers: Array<{
    id: number;
    name: string;
    email: string;
  }>;
};

const response: GetAllUsersResponse = {
  getAllUsers: [ ... ],
};

type UserItem = GetAllUsersResponse['getAllUsers'][number];

وقتی که [number] جلوی یک تایپ آرایه قرار میگیره، به typescript میگه که فقط نوع آیتم آرایه رو میخوام ✅

درواقع این چالش بیشتر توی مواردی به وجود میاد که DataType شما مشخصه از قبل، مثل وقتی که از Graphql Codegen توی پروژتون استفاده میکنید، Codegen درواقع کارش اینه که Schema GraphQL رو به صورت اتومات به typescript تبدیل کنه تا دیگه مجبور نباشید تایپ ریسپانس API رو خودتون تعریف کنید.

یکی دیگه از دلایلی که عاشق گرف‌کیو‌الم :)

#️⃣ #typescript #tricks

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

🚀 @coolycode

CTRL+ `

اسم این کاراکتری هم که استفاده کردیم بک‌تیکه ✅

🚀 @coolycode

هر چقدر تلاش میکردم نمیشد و چند روز یبار میرفتم کلی تلاش میکردم و شکست میخوردم، کلی تو گوگل سرچ میکردم و واقعا هیچی پیدا نمیکردم، شاید باورتون نشه ولی اعدادی که استفاده میکنم واقعیه خیلی مدت طولانی درگیرش بودم ...

🚀 @coolycode

🚀 @coolycode

#website

🌐 https://magicui.design/

#typescript

type User = { id: number; name: string };
type PartialUser = Partial<User>; // { id?: number; name?: string }

type User = { id?: number; name?: string };
type RequiredUser = Required<User>; // { id: number; name: string }

type User = { id: number; name: string };
type ReadonlyUser = Readonly<User>; // { readonly id: number; readonly name: string }

یعنی اگر بعد از تعریف آبجکت بخواید مقدار یکی از پروپرتی‌های اون آبجکت رو تغییر بدید بهتون ارور میده.

type User = { id: number; name: string; email: string };
type PickedUser = Pick<User, 'id' | 'name'>; // { id: number; name: string }

به Pick باید دو تا مقدار پاس بدید، اول تایپ مد نظرتون و دوم لیست پراپرتی‌ها که می‌خواهید از نوع اولیه انتخاب کنید به این شکل : 'id' | 'name'

type User = { id: number; name: string; email: string };
type OmittedUser = Omit<User, 'email'>; // { id: number; name: string }

این یکی نحوه کارکردش مثل Pick هستش فقط به جای اینکه لیستی که بهش میدید رو ففط برگردونه میاد و فاکتور میگیره از تایپ حذف می‌کنه.

git ls-files | xargs wc -l | tail -n 1

bash git ls-files | xargs wc -l

#git | #tricks