♨️ چرا در ریکت از مقدار index در متد map برای key استفاده نمیکنیم؟
شاید خیلی جاها دیدید یا خودتون از index به عنوان یک شناسه منحصر به فرد برای key در متد map استفاده کردید ولی اینکار اصلا از هیچ لحاظی درست نیس و ممکنه باگ‌هایی رو به وجود بیاره.
چون اگر ترتیب آیتم ها تغییر کنه (مثلا sort انجام بشه) ری‌اکت توی رندر به مشکل میخوره. بهترین مقدار برای key میتونه مقادیری باشه که بک‌اند میان و یونیک هستند مثل id یا امثالهم.
مثلا میخواین لیست محصولاتی که از بک اند میاد رو توی لیستی نشون بدید میتونید از id محصول برای key استفاده کنید چون یونیک هستش.

🔆 شما چه مقادیری برای key استفاده میکنید؟ اگر توصیه در این زمینه دارید با ما در گروه یا کامنت به اشتراک بذارید...
#reactjs #nextjs

Channel | Group | YouTube

#Fun

تلفظ صحیح فقط این 😂😂

بفرست واسه دوستای تازه کارت 😄

خودم که عاشق CSS شدم 🤪

Channel | Group | YouTube

یه ویدیو گذاشته بودم برای #English

یه ویس خیلی پرمحتوا هم براش گرفتم شد ۲۵ دقیقه کلی مطالب آموزنده گفته بودم

دستم خورد پرید..

فردا براتون میزارمش اگر دوباره دستم نخوره نپره

#Fun

مسیر یادگیری فرانت اند این شکلی هست 😂😂



Channel | Group | YouTube

#Out_Of_IDE

🚀 تو این فایل PDF نشون دادم که توی سایت NETFLIX از چه زبانها و فریمورکها و چه ابزارها و دیتابیسهایی استفاده شده که این سایت بالا اومده 🚀

Channel | Group | YouTube

#nodejs

دوس دارین وب سرور خودتون رو داشته باشید؟این دستورات رو دنبال کنید:
1️⃣ اکسپرس رو نصب کنید

npm install express

2️⃣یک فایل به نام server.js ایجاد کنید و کد زیر رو بذارین داخلش:

const express = require('express');
const path = require('path');
const app = express();
const PORT = 3000;

// مسیر پوشه‌ای که فایل‌های استاتیک شما در آن قرار دارند
const publicDirectoryPath = path.join(__dirname, 'public');

// استفاده از فایل‌های استاتیک در پوشه public
app.use(express.static(publicDirectoryPath));

// شروع به گوش دادن به پورت مشخص شده
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

3️⃣یک پوشه به نام public ایجاد کنید و فایل‌های HTML، CSS و JavaScript خودتون رو بذارین توش.

4️⃣سرور خودت رو ران کن:

node --watch server.js

مرورگرو باز کنید و به آدرس http://localhost:3000 بروید تا پروژی خودتون رو ببینید.

📣میتونید بدون ریلود کردن مرورگر تغییراتی که به فایلهای استاتیکتون میدید رو ببینیدبا یکم تغییرات بیشتر,اگر دوس داشتید بگید تا روش اونم بذارم📣

Channel | Group | YouTube

#Fun

شما خواستین به یکی راهنمایی بدید همون اول جریان رو بگید بهش 😂😂


Channel | Group | YouTube

به قسمت دوم از هشتگ #English خوش اومدید و قراره از همین ویدیوی کمتر از یک دقیقه ای کلی مطلب بهتون یاد بدم اما اول خودتون سعی کنید متنش رو تحلیل بکنید:

They did a study of 50 owners of companies, and they asked them,
what is the very best time management or business tool that you've ever discovered?
49 out of the 50 held up yellow writing pads, sort of like this.
And this is what they did. This is how they planned their day.
They made a list to do this.
Today, they wrote down everything they had to do.
They always work from a list.
If you don't work from a list, it's very much like taking your hands off the wheel of your car,
going down a winding road in the mountains.
What happens is your life's going to go on,
and you're instantly going to start doing irrelevant and unimportant and useless things.
And at the end of the day, you'll be exhausted and you'll accomplish nothing.
Now, I know this doesn't apply to anybody here.

Channel | Group | YouTube

#English

می‌دونم طولانیه ولی قول میدم از گوش دادنش پشیمون نمیشید

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

در رابطه با یه سری نکات vocabulary هم صحبت شده امیدوارم لذت ببرید ❤️

Channel | Group | YouTube

#Fun

این داستان برنامه نویس هپی 😂🤪

Channel | Group | YouTube

#Fun

دو تا باگ دیگه هم بهش اضافه شد😂😂

Channel | Group | YouTube

برای ایجاد یک توکن تصادفی در Node.js،میتونیم از راههای زیادی استفاده کنیم.یکی از محبوب‌ترین پکیج‌ها برای این کار jsonwebtoken هست.

ابتدا پکیج jsonwebtoken را نصب میکنیم:

npm install jsonwebtoken

بعدش, کد زیر رو برای ایجاد یک توکن تصادفی استفاده میکنیم:

const jwt = require('jsonwebtoken');

// یک کلید محرمانه برای امضای توکن (می‌تواند هر رشته‌ای باشد)
const secretKey = 'your_secret_key';

// تابعی برای ایجاد یک توکن
function generateToken(user) {
  // اطلاعات کاربر که می‌خواهید در توکن ذخیره کنید
  const payload = {
    id: user.id,
    username: user.username
  };

  // ایجاد توکن با زمان انقضا (1 ساعت)
  const token = jwt.sign(payload, secretKey, { expiresIn: '1h' });

  return token;
}

مثال استفاده ازش :

const user = {
  id: 1,
  username: 'exampleUser'
};

const token = generateToken(user);
console.log('Generated Token:', token);

این کد یک توکن JWT ایجاد میکنه که شامل اطلاعات کاربره و برای یک ساعت معتبره(میتونید کم یا زیادش کنید).
📣از (secret key) مراقبت باشین📣
Channel | Group | YouTube

#جویای_کار


نکیسا مرادی هستم ،به دنبال کار آموزی فرانت-اند برای تهران یا به صورت ریموت هستم

@Naku12sss

Channel | Group | YouTube

#Out_Of_IDE

اجازه نده زندگی از تو بگذره 💪


Channel | Group | YouTube

#quick_challenge

خروجی این کد چی میشه؟؟؟

Channel | Group | YouTube

#جویای_کار

علی احسانی هستم, نزدیک 1 سال هست برنامه نویسی فرانت اند با React و Next انجام میدم.
به tailwind,Redux,Api مسلط هستم
و دنبال پوزیشن کاری برای (جونیور فرانت اند)هم تمام وقت حضوری در تهران و کرج و هم ریموت هستم.
@aliehs7

📣شماهم اگه میخوایین رزومتون دیده بشه به آیدی بنده پیام بدیدن تا بصورت رایگان پستش کنم تو کانال تا شاید کمکی کرده باشیم به کامیونیتی
آیدی من 👇👇👇👇👇👇
@AmirNobari

Channel | Group | YouTube

#async_await
🥇عملیات همگام (Synchronous)
در عملیات همگام، کد به ترتیب و خط به خط اجرا می‌شود. هر خط کد باید کامل اجرا شود تا خط بعدی اجرا شود. به عبارت دیگر، عملیات بعدی منتظر می‌ماند تا عملیات قبلی به پایان برسد.
🥈عملیات ناهمگام (Asynchronous)
در عملیات ناهمگام، کد به ترتیب نوشته شده اجرا نمی‌شود. برخی عملیات می‌توانند زمان‌بر باشند (مثل درخواست‌های شبکه یا عملیات فایل)، بنابراین این عملیات‌ها به صورت ناهمگام اجرا می‌شوند تا برنامه بتواند به اجرای کدهای دیگر ادامه دهد بدون اینکه منتظر اتمام عملیات زمان‌بر بماند.

Channel | Group | YouTube

#Fun

این بلاییه که یک باگ بعد از هشت ساعت سر آدم میاره😂😂

Channel | Group | YouTube

#همکاری

سلام🖐
۱ ساله که بک اند کار میکنم.
Nodejs/Express
MongoDB
به یک تیم یا فرانت اند کار با انگیزه نیازمندم که باهم نمونه کار یا پروژه ای رو توسعه بدیم.

آیدی:
@abolfazld01

📣دوستان هرکسی نیاز داره که همکار پیدا کنه و باهم پروژه بزنن و براشون رزومه بشه, لطفا درخواستشون رو به من بفرستن تا منتشر کنم.📣
آیدی من : @AmirNobari

Channel | Group | YouTube

#Out_Of_IDE

🚀 دوستان دیدم خیلیا مشکل درست کردن رزومه دارن و گفتم این قابلیت لینکدین رو یادتون بدم.
1️⃣ وارد بخش job میشین و روی گزینه Resume Builder میزنید و به سوالاتش جواب میدین و در آخر بهتون رزومه رو میسازه و تحویل میده.
📣بفرستید برای دوستاتون📣

Channel | Group | YouTube