❌پیشنهاد میکنم که حتما این ویدیو رو ببینید مثل این که چت بات های ناشناس داخل تلگرام یک مشکل امنیتی بزرگ داره که میتونه خیلی خطرناک باشه.

طی نفوذی که به چند ربات ناشناس تلگرام اتفاق افتاده، متوجه شدند ۴۵۰ میلیون چت، ۱۱ میلیون عکس و ۳ میلیون ویدیو روی سرورهای این بات‌ها ذخیره شده.

🎬https://youtu.be/1sZprSWgEsw?si=_faXx4TdN_9RSAhi

🔴<CodeHub/>

🧑‍💻 تفاوت دو روش Import در ری‌اکت : Named Import vs Default Import

1️⃣ Named Import :

import { useState } from 'react'

🔸این روش زمانی استفاده می‌شود که یک ماژول چندین قابلیت (export) داشته باشد و شما فقط یکی از آن‌ها را نیاز دارید. مثل useState در ری‌اکت.(❌default)

2️⃣ Default Import :

import React from 'react'

🔸این روش زمانی به کار می‌رود که ماژول یک export پیش‌فرض دارد. مثلا React که به عنوان default export وارد می‌شود.

🔸بعضی وقتا همین نکته های به ظاهر کوچیک میتونه خیلی مشکل ساز بشه🤦‍♂️

#React

©️<CodeHub/>

#Document

🔸یکی از مشکلاتی که خودم باهاش سر و کار داشتم و دارم اینه که همه داکیومنت های آموزش الگوریتم خیلی خشک و خسته کننده بودن.

🔸امروز این کتاب رو پیدا کردم که خوشبختانه ترجمه شده هم هست که بیشتر مباحت الگوریتم رو با زبون ساده و عکس آموزش میده که واقعا به درک بیشتر کمک میکنه , من خودم تازه خوندنشو شروع کردم پیشنهاد میکنم حتما یه نگاهی بهش بندازید.

📖درک الگوریتم راهنمای تصویری برای برنامهنویسها و افراد کنجکاو

✍️ نویسنده : آدیتیا بهارگاوا

مترجم : مهران افشارنادری 📝



🔴<CodeHub/>

#react

معماری پروژه های ری اکتی که میتونه خیلی به پرفورمنس پروژه کمک کنه و دولوپ رو هم آسون تر کنه.

🔴<CodeHub/>

#Figma_Template

Figma Template: Real Estate

Difficulty : ⭐️⭐️

🔗Click for Get Link

🔴</CodeHub>

#ترفند_جاوااسکریپتی

✨ ترفند جاوااسکریپتی: جابه‌جایی مقادیر دو متغیر بدون متغیر سوم!

جاوااسکریپت این کار را با یک راه‌حل شگفت‌انگیز و ساده امکان‌پذیر می‌کند! 🌟

تصور کنید دو متغیر a و b دارید:

let a = 1;
let b = 9;

حالا می‌خواهید مقادیر این دو متغیر را با هم جابه‌جا کنید. به جای استفاده از یک متغیر موقت، کافیست از این ترفند استفاده کنید:

let [a, b] = [b, a];

🔑این ترفند از دستورات (Destructuring Assignment) جاوااسکریپت استفاده می‌کند که به شما اجازه می‌دهد به راحتی مقادیر متغیرها را جابه‌جا کنید، بدون نیاز به کد اضافی.

به همین سادگی و زیبایی! 😊

©️<CodeHub/>

#react

این کتابخونه‌های React به کارت میاد! (پارت یک) 🚀

1 -🛠 فریم‌ورک‌های React

- اگه می‌خوای یه پروژه React با رندر سمت کاربر (client-rendered) درست کنی، بهترین انتخابت Vite هست که دیگه جاش رو به Create React App داده که قدیمی شده و دیگه استفاده نمی‌شه.

- اگه قصد داری یه پروژه React با رندر سمت سرور یا فول‌استک (full-stack) بسازی، Next.js بهترین و محبوب‌ترین فریم‌ورک فول‌استک برای React هست.

- اگه بعضی از ویژگی‌های Next.js برات سنگین و سخت به نظر میاد، یه جایگزین عالی برای ساخت سایت‌های داینامیک و استاتیک Remix هست.

- حالا اگه دنبال ساخت یه اپلیکیشن هستی که سریع لود بشه و بیشتر محتواش استاتیک باشه، Astro هم یه گزینه خیلی خوبه.

2 - 📦 مدیریت پکیج ها

برای نصب همه کتابخونه‌هایی که تو این راهنما گفته شده، نیاز به یه چیزی به اسم مدیر بسته (Package Manager) داری.‼️

- اگه Node.js رو نصب کرده باشی، که لازمه برای اینکه پروژه React رو روی کامپیوترت اجرا کنی، می‌تونی از NPM استفاده کنی که تو سال ۲۰۲۴ هم هنوز یه انتخاب عالیه. البته جایگزین‌های دیگه‌ای هم برای NPM اومده، مثل Yarn و PNPM.

- جدیدترین جایگزین که تو دنیای جاوا اسکریپت داره سریع محبوب می‌شه، Bun هست. Bun هم یه محیط اجرایی جاوااسکریپته مثل Node و هم یه مدیر بسته، و به عنوان یه جایگزین سریع‌تر برای Node و NPM معرفی شده.

©️<CodeHub/>

#CSS

شورتکات های استایل های css که میتونه به دردتون بخوره.

🔴<CodeHub/>

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

🔗 @E2EChatbot
🔗 Source Code

برای حمایت از پروژه می‌تونید توی گیت‌هاب به ریپازیتوری استار بدید ⭐️ روی کدش مشارکت کنید، باگ‌ها رو گزارش کنید یا اینکه این پست رو به دیگران و افراد فنی صاحب نظر بفرستید تا دیده بشه و ما رو کمک‌مون کنن. 🤍

@Yasha

#Figma_Template

Figma Template: Restaurant

Difficulty : ⭐️⭐️

🔗Click for Get Link

🔴</CodeHub>

🔸اگه یه زمانی خواستین برای پروژه های next داکیومنت بنویسین حتما یه نگاه به nextra بندازین میتونه واقعا خیلی عالی و تمیز کار رو واستون در بیاره.

🔴<CodeHub/>

#فکت

شاید فکر کنین برنامه نویسی کار راحتیه و حالا مثلا که چی!!! اما جالبه بدونین که در سال 1969 یك برنامه نویس با حذف یك خط فاصله در کد موشک مارینر موجب انفجار اون پس از بلند شدن از زمین شد و 630 میلیون دلار خسارت رو دست ناسا گذاشت و حدود 20 کارمند ناسا از دنیا رفتن😐

🔴 <CodeHub/>

🔸بیاید که یه بار برای همیشه این مشکل وسط گذاشتن دیو ها رو حل کنیم😂

تو این مقاله با جزییات هفت روش توضیح داده شده که در جاهای مختلف میتونه به کار بیاد.

🔗 https://www.joshwcomeau.com/css/center-a-div/

🔴 <CodeHub/>

#fun

همه چی با یه ریستارت حل میشه😂

#Figma_Template

Figma Template: YourBank

Difficulty : ⭐️⭐️

🔗Click for Get Link

🔴</CodeHub>

#fun

واقعا این چند روز بهم ثابت شده که کدی که کار میکنه کار میکنه دیگه مهم نیست چطوری 😂

🔴 <CodeHub/>

ولی این نوع پست ها جدا از جذاب بودنشون واقعا چالش خوبیه که آدم خودشو به چالش بکشه🔥

داخل این چنل میتونید پست های خوبی ببینید که خیلی کار را بنداز و جالبن❤️❤️

#CSS

چیت شیت Child Selector ها در css که در جای زمان و مکان مناسب خیلی میتونه بدرد بخور باشه.

🔴 <CodeHub/>