بینندگان عزیز، هم اکنون React 19 💪

بالاخره تیم توسعه React، نسخه 19 این Framework محشر و دارن اراِئه میدن ، اما بیاین باهم بررسی کنیم که چه مواردی به این Framework اضافه شده🔥




1⃣ کامپایلر React: بهینه‌سازی هسته

به گفته تیم توسعه React js ، "دیگه React Compiler یک پروژه تحقیقاتی نیست: و از قدرت این کامپایلر در حال حاضر در وب‌سایت instagram.com استفاده میشه و ما در حال کار بر روی استفاده این کامپایلر به سایر سطوح در Meta و آماده‌سازی اولین نسخه منبع باز هستیم"


🔢 کامپوننت های سمت سرور: آزاد کردن قدرت Server-Side Rendering

مشکلات بارگذاری اولیه کُند و مشکلات بهینه‌سازی برای موتورهای جستجو به لطف Server Component ها قابل حل هستن که یکی دیگه از برگه برنده های React محسوب میشود. تصور کنین یک صفحه اصلی خبری با مقالاتی که به طور مکرر به‌روزرسانی می‌شن. Render کردن این Component ها مستقیماً روی Server با استفاده از Server Component، اولین تاثیرات فوق‌العاده سریع را ارائه می‌ده و رتبه‌بندی موتورهای جستجو را افزایش میده.



🔢 اقدامات ( Actions ): Streamlining Data Flow and Optimistic Updates

پردازش ارسال فرم‌ها و دیگر تعاملات داده‌ای بین client و server ممکنه که یه کار پیچیده‌ای باشه. Action ها به عنوان یک API جدید که در React 19 معرفی شدند، این فرآیند را ساده‌تر می‌کند و با ارائه روشی یکپارچه و شناختی (intuitive) حالا منظور از شناختی چیه (یعنی که رفتار و عملکرد اون پیش‌بینی‌پذیر و سازگار هست و کاربران به راحتی می‌تونن از اون استفاده کنن بدون نیاز به دانش فنی عمیق).



🔢 هوک ها:

تعجب نکنین توی React 19 خبری از Hook جدیدی نیست، اما نگران نباشین یکسری از Hook های اصلی تغییر اساسی میکنن.

هوک های useMemo و useCallback: قابلیت‌های بهبود یافته برای Memoization دقیق‌تر، که ممکنه تعداد بیشتری از Renderهای غیرضروری را کاهش بده. تصور کنید یک Component list بزرگ که تنها موارد خاصی باید بر اساس تعامل کاربر مجدداً Render بشن.

هوک useEffect: کنترل بیشتری بر روی زمان اجرای effect ها، که اجازه میده مدیریت Side effect ها تمیزتر و کارآمدتری داشته باشیم. تصور کنید یک effect که داده‌ها را تنها زمانی که یک کامپوننت خاص mount می‌شه، دریافت می‌کنه.

هوک useImperativeHandle: استفاده بهینه‌تر برای ایجاد object های شبیه به ref در functional component ها. تصور کنید یک Carousel Component سفارشی که متدهایی را برای کنترل رفتار اون ارائه میده.


در آخر میشه گفت React 19 یک ارتقاء نیست، بلکه دروازه‌ای به تجربه توسعه‌ی Performance پویا و جذابه. از کامپایلر نوآورانه React تا یکپارچگی با اجزای وب، هر ویژگی به شما این امکان رو میده تا رابط‌های کاربری‌ رو ایجاد کنید که فوق العاده باشه.

#frontend #react
☕️ @CodeExplore

وقتی تو مصاحبه میگن برنامه ای بنویسید که کوچک ترین عدد لیست رو پیدا کنه، می تونید همچین کاری کنید ، ولی اینکه بعدش چه بلایی سر شما بیاد رو دیگه خودتون می دونید😂👌

#fun
☕️ @CodeExplore

⭐‌ ‌دوستان اگه خواستید برای زبان یا فریم‌ورک دیگه ای همچین لیستی پیدا کنید ، می تونین توی گوگل سرچ کنید (اسم زبان برنامه نویسی ) + (Awesome)، اون موقع از همین لیست‌ ها براتون میاره

سرچ در گوگل باید به شکل زیر باشه :

👉Awesome Python
👉Awesome Javascript
👉Awesome Laravel

☕️ @CodeExplore

سه سایت ارائه دهنده هاست رایگان ✔️

👍سایت اول که خیلی معروف هم هست سایت infinityfree هستش ، نکته مهمی که باید به خاطر داشته باشید اینه که اگر تا ۳۰ روز وارد اکانتتون نشید ، اکانت دی اکتیو میشه و بعد از اون اگر تا ۲ الی ۳ هفته وقت دارین تا دوباره اکانتتون رو اکتیو کنین، وگرنه هاست شما پاک میشه! دامنه رایگان هم ارائه میدن که اون هم مثل شرایط هاست پاک میشه. سایت برای هاست ها از زبان های php ، python ، ruby ، node.js ، perl و go استفاده میکنه!

✅سایت دوم سایت pythonanywhere هستش که همونطور که از اسمش پیداست مخصوص پایتونه! ورژن ها و کتابخونه های زیادی از پایتون رو پشتیبانی میکنه ولی یک شرط مهمی که داره اینه که هر سایتی که شما باهاش میسازید تا یک ماه بالا میاد بعد از یک ماه دوباره باید دکمه فعال سازیش رو بزنید، بعلاوه چندتا محدودیت دیگر در استفاده از منابع... دامنه و هاست هر دو رو رایگان در اختیارتون میزاره سایت!

☄️سایت سوم سایت ParsPack هستش که یک سایت ایرانیه، این سایت هم معمولا اگر ۴۰ روز هیچ تغییری روی هاستتون انجام ندید، هاستتون رو حذف میکنه. در کنار هاست رایگان بهتون دامنه رایگان هم میده! و نکته ای که هست اینه که هاست ها تا الان فقط از زبان php پشتیبانی میکنن(طبق تجربه ای که داریم و باهاشون صحبت کردیم)

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

#free_host
☕️ @CodeExplore

‏💡هوش مصنوعی قدرتمند Claude 3 از راه رسید!

▪️این ابزار هوش مصنوعی روز گذشته از جدیدترین مدل نورون خودش به نام Claude 3 رونمایی کرد و مدعی شد که این مدل در واقع ترکیبی از سه مدل زبانی AI بسیار پیشرفته شبیه به زیرساخت‌های ChatGPT است.

▪️مهندسان این استارت‌آپ ادعا می‌کنن که این مدل‌ها معیارهای صنعتی جدیدی رو در دنیای هوش مصنوعی و در طیف وسیعی از وظایف شناختی تعیین میکنن، تا جایی که در برخی موارد به قابلیت‌های نزدیک به انسان هم دست پیدا کردن...

▪️این شرکت گفت که تواناترین مدل جدید، Claude 3 Opus، از GPT-4 OpenAI و Gemini Ultra گوگل در تست های استاندارد صنعتی، مثل دانش در سطح کالج، استدلال در سطح فارغ التحصیل و ریاضیات پایه بهتر عمل کرده.

#ai
☕️ @CodeExplore

انواع نامگذاری متغیر ها ✍️

🔴میدونین که اهمیت نامگذاری درست متغیر ها چقد بالا هستش، اوج اهمیتش رو وقتی احساس میکنیم که بعد یک ماه پروژه قدیمی رو دوباره نگاه میندازیم و اونجا میفهمیم که چه اشتباه بزرگی کردیم!

‼️توی این عکس انواع روش های نامگذاری متغیر ها رو نوشته که بد نیست یک سری ویژگی هاشون رو بگیم!

1⃣ camelCase :
این روش خیلی روش رایجی هستش برای برنامه نویسی مخصوصا توی زبان های شی گرا مثل جاوا ، باعث میشه واضح بدونیم داریم از کدوم کتابخونه استفاده میکنیم اما بعضی وقت ها ظاهر کد رو خیلی بهم میریزه

🔢 kebab-case :
این روش هم روش خوبی هستش که باعث میشه بتونیم یک دسته بندی خاصی رو توی متغیرهامون داشته باشیم، اما ایراد مهمی که داره اینه که بعضی از زبان ها این مدل نامگذاری رو پشتیبانی نمیکنن

🔢 PascalCase :
این روش میتونه کاربردی باشه و خوانایی رو خیلی بالا میبره اما خیلی جاها ممکنه با اسم کلاس ها یا یکسری متغیر خاص تداخل داشته باشه

🔢 snake_case :
این هم مثل kebab-case هستش ولی توی اکثر زبانها استفاده میشه اما بدی ای که داره اینه که نامگذاری باهاش خیلی سریع نام رو طولانی میکنه

#variables
☕️ @CodeExplore

🖥لینکدین و 🌐گیت هاب دو پلتفرم عالی واسه شبکه سازی هستن و همون‌طور که میدونین ، برنامه نویسی که شبکه سازی خوبی نداشته باشه مثل سربازیه ک اسلحه نداره.

تو کامنت های این پست میتونین لینک گیت هاب یا لینکدین خودتون رو بذارین تا با بقیه برنامه نویس ها اولین شبکتون رو ایجاد کنید🔥⬇️

#linkedin #github
☕️ @CodeExplore

🔥 یکی از نیازهای خیلی مهم که برای رسیدن به موفقيت بهش نیاز داریم، صبر هست! جاده موفقیت پر از سربالایی هست که سرعت شما رو ممکنه کم کنه، ولی هیچوقت نباید اجازه بدید که شما رو متوقف کنه.

صبور باشید و با نظم و برنامه به فعالیتتون ادامه بدید. نتایج بزودی پیداشون میشه 🔝

#motivational
☕️ @CodeExplore

وقتی کدهای قبلمو میخونم :

#fun
☕️ @CodeExplore

به نام خدا 💐

سلام خدمت شما دوستان عزیز و گرامی و همکاران عزیز خودم در صنعت سئو 🙏

حدود ۱۵ روز پیش یه ایده نوشتن مقاله زد به سرم و رفتم چند جا سرچ کردم و کمی فکر کردم

بعدش اومدم گفتم یه مقاله ای میزنم و پیش بینی های خودم رو در سال بعدی میگم شاید درست بود شاید درست نبود 🙊ولی من می‌نویسم ✌️

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

دوستدار همیشگی شما : نیرومند ✌️

----------------لینک ویرگول 👇------------
-----------------https://vrgl.ir/8rWvK

☕️ @CodeExplore

سایت daily dev ،کمک دست برنامه نویسان 🌐

🟢 سایت daily.dev یک سایت هستش که اخبار چیزهایی که بهش علاقه دارید رو براتون نمایش میده، خودشون میگن "ما میدونیم که توسعه دهنده (developer) بودن چقدر سخته. اینطور نباید باشه. فید های خبری و کامیونیتی ها را شخصی سازی کنید و سرچ کنید..."

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



⚠️ نکته: اکستنشن فقط قراره صفحه سایت رو روی new tab براتون باز کنه ، و دقت کنید سایت فیلتر هستش

📥 لینک دانلود برای کروم

📥 لینک دانلود برای فایرفاکس

#site #dailydev #extensions
☕️ @CodeExplore

- کار کردن با مدیر عالی توی شرکت خوب؟(🔥)
- کار کردن با مدیر خوب توی شرکت عالی؟(⚡️)

خیلی دوست دارم نظراتتون رو بدونم تا ببینم شما چه فکری میکنید و ممنون میشم دلیلش رو هم بگید ❤️

☕️ @CodeExplore

یادگیری موضوعات مختلف برنامه نویسی با آموزش های ساده و تمرین های متفاوت ☕️

🔝 با این سایت میتونید به مجموعه ای از دوره های رایگان و غیر رایگان زبان های برنامه نویسی دسترسی داشته باشید و از اونها برای یادگیری استفاده کنید.

👉 https://studytonight.com

#tutorial #practice
☕️ @CodeExplore

☕️ دوستان شما میتونید توی گروه کد اکسپلور هم جوین باشید.

توی گروه با راهنمایی، رفع مشکلات و انتقال تجربیات باعث پیشرفت خودتون و دوستان باشید🔝

با کد اکسپلور یادبگیر، لذت ببر و بروز باش😉🤍

🌐https://t.iss.one/CodeExploreGap

کار از محکم کاری عیب نمیکنه 😂

#fun
☕️ @CodeExplore

امروزه نئومورفیسم به دلیل جلوه خیلی زیبایی که به سایت میده تو خیلی از پروژه ها ازش استفاده میشه😎

با استفاده از این سایت میتونید کد نئومورفیسم مد نظرتون و به صورت آماده جنریت کرده و تو پروژه هاتون استفاده کنید🔥⬇️


🌐 https://neumorphism.io/

#site
☕️ @CodeExplore

امروز میخوام بهتون یک اکستنشن خفن معرفی کنم 🔥

اومدید و سایت زدین برای کارفرما، ولی خب بعد تحویل پروژه بهتون پولش رو واریز نمیکنه.🥲

👀 یک اکستنشنی هست که شما میاید یک بازه زمانی (ددلاین) تعریف می‌کنید مثلاً 60 روز ، حالا این اکستنشن میاد به ازای هر روز یک واحد از opacity سایت کم می‌کنه و نهایتاً بعد از 60 روز opacity به صفر میرسه و سایت کلاً محو میشه.
⭕️ پس همیشه اکستنشن زیر رو به سایت اضافه کنید :

🌐 https://github.com/kleampa/not-paid

#github #extension
☕️ @CodeExplore

🤖 با این ربات از کانال هات بکاپ بگیر!

👌به کمک این بات میتونید تمام پیام های کانال محبوب‌تون رو تو این ربات بکاپ داشته باشد ؛ کاربردش هم اونجاییه که ممکنه پستی پاک بشه یا کلا اون کانال حذف بشه ولی اینجا ی بکاپ کامل ازش دارید و هر تعداد کانال که میخایید میتونید اضافه کنید...

💬 @junction_bot

#bot
☕️ @CodeExplore

5 صفت یا attribute برای html که کسی اونا رو بهت نمیگه🔥⬇️


1⃣ صفت Accept

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

<input type="file" name="CodeExpore" accept=".jpg,.png,.doc">

🔢 صفت Loading

شما میتونین از صفت loading در تگ <img> برای کنترل نحوه بارگذاری تصویر توسط مرورگر استفاده کنید که شامل دو مقادیر هست:

مقدار eager: مقدار پیش فرض تگ img هست که همزمان با load صفحه وب، تصویر هم load میشه.

مقدار lazy: زمانی که صفحه وب load شد، تصویر هم با اسکرول شما load میشه.

<img loading="lazy" src="image.jpg" alt="CodeExpore" />

🔢 صفت Multiple

شما میتونین از صفت multiple برای تگ های <input> و <select> استفاده کنین تا به کاربران اجازه بدید چند مقدار را همزمان انتخاب کنند.

<input type="file" id="CodeExpore" name="attribute" multiple>
<select name="attribute" id="CodeExpore" multiple></select>

🔢 صفت Title

شما میتونین از صفت title برای ارائه اطلاعات اضافی درباره یک تگ استفاده کنید. این اطلاعات معمولا زمانی که کاربر ماوس رو روی یه تگ نگه داره یا اصطلاحا عمل hover کردن و انجام بده، نمایش داده میشه.
این صفت یک global attribute هست.

<p title="Free Web tutorials">CodeExpore</p>

🔢 صفت Contenteditable

با استفاده از این این صفت میتونید محتوای یک تگ و قابل ویرایش کنید.

مثلا اگر یک پاراگراف و قابل ویرایش کنیم کاربر میتونه محتوای اون پاراگراف و به سلیقه خودش تغییر بده.
این صفت یک global attribute هست.

<p contenteditable="true">منو ویرایش کن</p>

#html #attribute
☕️ @CodeExplore

🟡عملکرد برتر Orca-Math، مدل معرفی شده توسط مایکروسافت، در حل سوالات ریاضی

▪️پروژه Orca-Math از سوی تیم تحقیقاتی مایکروسافت، معرفی شد و نشون داد که مدل‌های زبانی کوچک‌تر با تخصص در حل مسائل ریاضی مدرسه، می‌تونن نتایجی بهتر از مدل‌های بزرگ‌تر و تخصصی ارائه بدن.

▪️مدل هوش مصنوعی Orca-Math، که بر پایه مدل Mistral 7B با 7 میلیارد پارامتر ساخته شده، در آزمون GSM8k عملکردی برتر از مدل‌هایی با تعداد پارامترهای بسیار بیشتر نشون داد و توانایی‌های SLM‌ها در زمینه‌های تخصصی رو برجسته کرد.

#ai #math #news
☕️ @CodeExplore

رمز گذاری من VS بقیه 😅😂

#fun
☕️ @CodeExplore