@JSKernel

• ساخت انیمیشن‌های نرم و حرفه‌ای
• اضافه کردن افکت به دکمه‌ها، منوها، کارت‌ها و صفحات
• حالت‌ها (state) و تعامل کاربر رو با انیمیشن ترکیب کنی

@JSKernel

@JSKernel

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

به زبان ساده: به‌جای اینکه برای دسترسی به هر عضو، چند خط کد بنویسیم، در یک حرکت سریع چند متغیر می‌سازیم که مستقیم به اعضای درونی اشاره دارند.

const rgb = [255, 128, 0];
const [r, g, b] = rgb;
// r=255   g=128   b=0

const user = { name: 'Ali', age: 25 };
const { name, age } = user;
// name='Ali'   age=25

const { city = 'Tehran' } = user; // city='Tehran'

const { name: firstName } = user; // firstName='Ali'

const data = { user: { id: 7 }, tags: ['js', 'react'] };
const { user: { id }, tags: [firstTag] } = data;
// id=7   firstTag='js'

@JSKernel

@JSKernel

const obj = { a: "Ali", b: 25};
const { a: name, b: age } = obj;
console.log(name, age);
// Ali 25

@JSKernel

@JSKernel

@JSKernel

@JSKernel

@JSKernel

@JSKernel

@JSKernel

• انیمیشن‌های متن و افکت‌های مدرن
• پس‌زمینه‌های متحرک
• کامپوننت‌ برای رابط کاربری
• قابل شخصی‌سازی با CSS یا Tailwind

@JSKernel