#react
#chat

Chat UI Kit React

چت Ui کیت از chatscope یک مجموعه ابزار UI منبع باز برای توسعه برنامه های چت وب است.

@fullStackDevs

#RoadMap

Road map backend developer 2020

@fullStackDevs

#LINQ


❇️ 5 usefull tips to write cleaner LINQ code

🔹در این پست قصد داریم چند توصیه در هنگام نوشتن کوئری های Linq به شما دهیم که باعث خوانا تر شدن کوئری ها میشود.

🔸کوئری های linq علاوه بر ساده بودن زیبایی خاصی نیز دارند و بدون شک در صورتی که به درستی نوشته شود پرفورمنس بالایی هم دارند.
برای پرهیز کردن از اشتباهات احتمالی در هنگام نوشتن کوئری های linq باید قوانینی را برای خود مشخص کنید و بدین ترتیب بروز باگ و خطاهای احتمالی کاهش میابد.

در ادامه پنج نوع از این قوانین را معرفی میکنیم.
1️⃣ Two chained methods

هنگامی که کوئری ای مینویسید که فقط دارای دو Linq متد است و کوئری تان به یک eager linq متد ختم می شود. میتوانید کل کوئری خود را در یک خط قرار دهید.

var userList = GetDataSource().Where(p => p.Email.Contains("@foo.com")).ToList();

در غیر اینصورت کوئری خود را در چند خط بنویسید.

var userList = GetDataSource()
   .Where(p => p.Email.Contains("@foo.com"))
   .Select(s => s.Email);

▫️اگه در مورد eager linq متدها اطلاعاتی محدودی دارید این مقاله را مطالعه نمایید.

2️⃣ اگر کوئری تان بیش از دو متد دارد باز هم هر متد را در خط جدیدی قرار دهید.

3️⃣ Don’t iterate IQueryable<T> by using keyword foreach.

🔹در این قانون شما را با اصلی آشنا میکنیم با عنوان
💎 “explicit is better than implicit”.

🔸در هنگام بررسی کدها و حتی خواندن کدهای دیگران اگر جایی از کد بروی یک IQuerable حلقه زده باشید(به وسیله foreach), خوانایی و درک کد کاهش میابد (البته این یک نظر شخصی است) . همچنین ممکن است کسی که کدتان را میخواند این مسئله را فراموش کرده باشد یا نداند که در foreach باعث اجرا شدن این کوئری میشود.
روش بهتر این است که ابتدا کوئری را اجرا کرده و سپس بروی آن حلقه بزنید.

var usersEmailList = GetDataSource()
.Where(p => p.Email.Contains("@foo.com"))
.Select(user => user.Email);
.ToList();

foreach (var user in usersEmailList)
{
...
}

4️⃣ Long Lambda statement is not okay.

🔸از طولانی و بزرگ شدن بدنه lambda های درون کوئری تا حد ممکن بپرهیزید در برخی موارد اگر lambda ای چند خط به عنوان بدنه داشته باشد باعث خوانایی کد میشود اما در اکثر مواقع از خوانایی کوئری می کاهد.

someQuery.Select(p => {
var newUser = new User
{
Name = p.Name,
Age = p.Age
}
});

5️⃣ Entity Framework

🔸در هنگام کار کردن با EF از این دست قبیل قوانین که غالبا شخصی هستند بسیار وجود دارد به عنوان مثال
فرض کنید نیاز به نوشتن linq کوئری داریم که براساس شروطی, داده هایی رو از دیتابیس واکشی کند و در قسمتی دیگری از کد بروی داده های واکشی شده کارهای دیگری انجام دهیم.(فرایند اجرا شدن این کارها در حافظه انجام میشود و قابل ترجمه به کوئری sql نیستند)

▫️روش اشتباه نوشتن این کوئری بدین صورت است

var usersEmailList = GetSomeDbSet()
.Where(p => p.Email.Contains("@foo.com"))
.Select(user => user.Email)
.ToList()
.Select(SomeTransoformationInMemory);


🔸 بدین منظور باید کوئری خود را به دو بخش تقسیم کرده و عملیاتی را که قابل ترجمه هستند را ابتدا در کوئری که به سمت دیتابیس ارسال میشود, اجرا کنند و بقیه عملیات را بروی داده های واکشی شده انجام دهید.

var usersEmailListFromDB = GetSomeDbSet()
.Where(p => p.Email.Contains("@foo.com"))
.Select(user => user.Email)
.ToList();

var usersEmailList = usersEmailListFromDB.Select(SomeTransoformationInMemory).ToList();

@fullStackDevs

#NET5
#CSharp9

.NET 5 = .NET Core vNext

🌀 معرفی نسخه نهایی NET 5.0

🔸 در این نسخه C# 9 وF# 5 با مجموعه گسترده ای از ویژگی های جدید و پیشرفت های جذاب به این نسخه اضافه شده اند.


🔹 این نسخه با هدف یکپارچه کردن محیط های مختلف توسعه نرم افزار در دات نت تهیه شده است تا گروه بسیاری از توسعه دهندگان را قادر به انتقال کد و برنامه های NET Framework خود به NET 5.0 باشند و همچنین کارهای اولیه در 5.0 انجام داده شده تا توسعه دهندگان Xamarin هنگام انتشار .NET 6.0 بتوانند از پلت فرم یکپارچه .NET استفاده کنند.

شما برای استفاده از .NET 5.0 در ویندوز و یا آخرین نسخه ویژوال استودیو برای Mac در macOS به Visual Studio 16.8 یا بالاتر نیاز دارید. C# extension برای Visual Studio Code از قبل .NET 5.0 و C # 9 را پشتیبانی می کند.

🔹 دات نت 5 دارای یک ماتریس پشتیبانی پلت فرم تقریباً یکسان با NET Core 3.1 ،برای ویندوز ،macOS ولینوکس است. مهمترین مورد برای NET 5.0 ویندوز Arm64 است.
💎 لینک مطلب ( معرفی دات نت 5 )

💎 لینک امکانات جدید در .NET 5


در ادامه بیشتر راجب امکانات جدید و این نسخه بحث خواهیم کرد.

@fullStackDevs

📌 پی ‎پال یکی از بزرگ‌ترین سیستم‌های پرداخت بین‌المللی و از امن‌ترین بسترهای انتقال آنلاین پول در جهان است که به علت تحریم‎هایی که برای کشور عزیزمان، جمهوری اسلامی ایران وضع شده امکان استفاده‎ی مستقیم برای کاربران ایرانی وجود ندارد.
اما نگران نباشید، کاشان‎پی این امکان رو برای کاربران و هم‌وطنان ایرانی خود فراهم کرده است!!

🔸 پرداخت فاکتور و خریدهای اینترنتی، سندمانی و شارژ انواع حساب‌ها
🔸 نقد کردن درآمد‎های پی‌ پال به ریال و سایر ارزها
🔸 افتتاح، وریفای و رفع محدودیت حساب‎های پرسونال و بیزینس
🔸 ارائه درگاه اختصاصی پی‎ پال و مشاوره تخصصی رایگان
🔸 و...

➖➖➖➖➖➖➖➖➖➖➖➖
🔉@kashanpay

#vuejs
#ReactJs

🔰در این پست می خوایم یه کار خطرناک کنیم و react و vue رو یه مقایسه ای با هم کنیم و reactDeveloper ها و vuejsDeveloper ها رو کلا بندازیم به جون هم😎.

❇️ سال میلادی جدید نزدیکه و تو این پست برای دولوپرهایی که برای سال جدید برنامه ریختن که بلاخره چه فریم وورک یا لایبری UI ای رو یاد بگیرین، میخایم یه مقایسه بین react و vue بزاریم با این عنوان که :
🔹React vs Vue.Which one is the best ini 2021?

🔸هر دوی ری اکت و ویو از لایبری های پرقدرت در زمینه frontEnd هستن که طرفدار های زیادی هم در بین دولوپر ها دارن اما ری اکت طرفدار های بیشتری داره چون عمر ری اکت چند سالی بیشتر از vue هست.

🔹تفاوت React و vue در چیه؟
به این سوال از چند وجه میشه پاسخ داد که در ادامه اونها رو لیست میکنیم.
▫️Background :
▪️ری اکت با هدف رفع نیاز های فیسبوک ساخته شده و تا به امروز غولهای فناوری باعث حفظش شدن. حمایت غولهای فناوری باعث ثبات و اطمینان از آینده ری اکت میشه.

▪️ویو توسط یک دولوپر (Evan You) ساخته شده و هدفش بهبود پرفورمنس js tools ها بوده. اقای Evan هر چی رویکرد خوب داخل انگولار و امبر و ری اکت بوده اورده داخل vue و یه سری ویژگی های خاص مخصوص vue هم بهش اضافه کرده. همه اینکار ها باعث شده که توسعه اپلیکیشن با ویو خیلی راحت و سریعتر بشه.

▫️Performance
▪️وقتی که حرف از مقایسه بین ری اکت و ویو میشه مقایسه کردن از لحاظ پرفورمنس معیار قابل توجه ای نیست از لحاظ پرفورمنس ویو از ری اکت به مقدار ناچیزی بهتره و علاوه بر فیچر های خیلی خوبی که داره حجمش هم کمتره . اما اختلاف شون اونقدر های فاحش نیست که بشه در نظر گرفتش، مخصوصا که هر دو لایبری از روش مشابه ای برای ارتباط با DOM استفاده میکنند.
▫️Community Support for React and Vue
برای هر ابزاری کامیونیتیش حیاتی ترین مسئله هست چون کامیونیتی غنی باعث میشه بقیه افراد به سمتش سوق پیدا کنن .

▪️از اونجایی که ری اکت توسط فیسبوک maintain میشه و دائما در حال اپدیت هست، یه قابلیت اطمینانی رو برای دولوپر هاش به ارمغان میاره.

▪️ویو که توسط کارمند سابق گوگل ساخته شده، فاقد پشتیبانی شدن توسط یه برند خاصه و این مسئله ویو رو انتخاب قابل اعتمادی برای شرکت های فناوری دیگه نمیکنه . علی رغم این باز هم ویو طرفدار های خیلی زیاده داره و این دلیل، مهر تایید محکمیه بر قدرت و راحتی vue.

▫️منحنی یادگیری React و Vue به چه شکله ؟

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

▪️توسعه اپلیکیشن با ری اکت وابسته
به third-party هاست. و این گاهی اوقات باعث میشه تا دولوپر ها مجبور باشن ابتدا اطلاعات زیادی بدست بیارن تا فقط بتونن کارهاشونو پیش ببرن.
اما documentation ری اکت خیلی خوب و غنیه و هزاران مقاله و وبلاگ هم میتونین سرتاسر اینترنت پیدا کنین. تا اونچکه که تو ذهنتون دارین رو به کمک ری اکت پیاده سازی کنین.

▪️یادگرفتن ویو خیلی راحته و خیلی سریع بهش عادت میکنین چون همانطور که قبلا تر گفته شد این لایبری هر چی فیچر خوب تو سایر لایبری ها بوده رو اورده تو خودش.همچنین vue داکیومنت خوبی هم داره و بخش FAQ اون سعی داره تا به تمامی سوالات پاسخ بده و سوالها رو بدون پاسخ نذاره. (با این قسمت هنوز کار داریم در ادامه)
از میان ری اکت و ویو بین دولوپر ها ویو developer-friendly تر هست.
▫️Popularity
▪️ری اکت چون توسط فیسبوک پشتیبنی میشه در میان لایبری های جاوااسکریپتی محبوبیت بالایی داره و نقش leader رو بازی میکنه.

امار دانلودهای ویو هم نسبت به عمر کمترش نسبت به ری اکت فوق العاست.

▫️Documentation
▪️از لحاظ دایکیومنت، داکیومنت ری اکت به مرور در حال بهبوده و تیم ری اکت دائما در تلاش اند تا داکیومنت ری اکت رو بهتر و بهتر کنند در مقایسه با ویو، داکیومنت ویو خیلی structure شده هست.
با تمام حرف های گفته شده بیان به سوال اولمون پاسخ بدیم که :
🔸What is the best choice for 2021?
▪️از نظر توسعه، ری اکت گزینه بهتری برای یادگیری در سال پیش روست و بعد اون ویو در جایگاه دوم قرار داره.

🔹آیا ویو بلاخره موفق میشه تا از پس ری اکت عبور کنه؟
▪️تا اونجایی که میشه پیش بینی کرد بدون شک ویو یکی از رقبایی برای ری اکت خواهد بود که حرفهایی زیادی برای گفتن داره و برای رسیدن vue به پلتفرمی که الان ری اکت هست و کسب این جایگاه زمان زیادی لازمه .
در ادامه گوگل ترند react و vue رو میذاریم .

🔹چرا ری اکت از ویو بهتره ؟
جواب متخصص ها به این سوال این گونه بوده :
▪️ری اکت، مسائل و مشکلات رو به صورت fundamental حل میکنه . البته چرایی وجود این چنین مشکلات اهمیت داره اما از نظر عملکرد و بهینه سازی و سهولت در توسعه، ری اکت در مراتب بالاتری قرار داره.

ادامه در پست بعدی
@fullStackDevs

#Vuejs
#ReactJs
ادامه پست قبلی

🔹Which one Is better for beginners?

▪️تمرکز ویو بروی beginner ها بوده و حتی برای کسایی که میخان ری اکت رو یاد بگیرن توصیه میشه اول ویو رو یاد بگیرن چون بعدا راحتر اکو سیستم ری اکت رو درک میکنند. در ابتدا، نقطه ورود توسعه با ویو راحتره و نیازمند داشتن اطلاعات کمتریه .
▪️ری اکت برای توسعه اپلیکیشن های پیچیده و بزرگ مثل e-commerce ایده آل تره اگر چه ویو هم برای ساختن اپلیکیشن های سبکتر مناسبه.
البته این هنر دولوپره بسته به دانشش چطور از ابزارها استفاده کنه.

❇️ خب این پست رو همین جا تموم می کنیم. اگر نظر داشتین یا فک میکنین که جایی اجحاف شده تو کامنت ها ذکر کنین.

❌ انتشار این پست بدون ذکر منبع کار غیر اخلاقی ایه🙏.
@fullStackDevs

React and Vue Google trends

CSS :nth-child() Selector


The :nth-child(n) selector matches every element that is the nth child, regardless of type, of its parent.

n can be a number, a keyword, or a formula.

📌 sample code

@fullStackDevs

اگر گوگل ایرانی بود
@fullStackDevs

سی شارپ 9 بالاخره اومد با کلی ویژگی جدید که بی نهایت بدرد بخور هستن و من همین الآن دارم تو کد هام ازشون استفاده می کنم!
توی این ویدیو به طور کامل در مورد record ها و کلمه کلیدی های init و with صحبت میکنیم!

🔴 لایک و سابسکرایب فراموش نشه

https://www.youtube.com/watch?v=yPs20Fyx6rM&feature=youtu.be

.NET December 2020 Updates – 5.0.1

به روزرسانی دات نت 2020 منتشرشد. این به روزرسانی ها شامل reliability و سایر موارد غیر ایمنی هستند. برای جزئیات بسته های به روز شده ، به یادداشت های انتشار جداگانه مراجعه کنید. همچنین از امروز ، به روزرسانی های .NET Core از طریق Microsoft Update شامل Windows Update Update Services (WSUS)

https://devblogs.microsoft.com/dotnet/net-december-2020/


انتیتی فریموورک (EF Core 5.0.1) اکنون در NuGet است!
#efcore #EntityFramework

انتیتی فریموورک (EF Core 5.0.0) فقط در چهار هفته بیش از 500،000 دانلود در NuGet داشته است.

اکنون 5.0.1 با رفع 26 اشکال در ناگت موجود است!
Download EF Core 5.0.1 from Nuget

@fullStackDevs

#Quasar
#Vuejs

🔰Quasar

🔸 ویو جی اس یک لایبری برای ساخت رابط کاربری میباشد.
به خودیه خود، ویو جی اس UI Element اختصاصی ای که بتوانیم از آن استفاده کنیم ندارد.
به همین دلیل تعداد زیادی UI framework برای آن ساخته شده است تا از آنها استفاده کنیم.
🔹Quasar
🔸 کوییزار (kwei·zaar) یک Material Design 2 با پرفورمنس بالا که تمامی جوانب فرانت اند را پوشش میدهد برای ویو جی اس میباشد.
وبه کمک آن که تحت لایسنس MIT میباشد و و استفاده از آن ساده بوده و به نوعی مکمل ویو جی اس میباشد.
و میتوانید مجموعه ای از اپ های ریسپانسیو با حداقل کد و کانفیگوریشن تولید کنید.
داکیومنت کوییزار را در اینجا بررسی کنید.
مجموعه ای از UI Component ها و layout المنت ها به همراه helper ها.
🔸 برای استفاده از کوییزار سه روش وجود دارد.
▫️UMD / Standalone
در این روش با اضافه کردن استایل ها و اسکریپت های مورد نیاز از طریق CDN امکان استفاده خواهید داشت.

▫️Quasar CLI
نکته قوت این فریم تلقی میشود و همچنین توصیه میشود که از این روش از کوییزار استفاده کنید.
و از آن میتوانید برای ساخت
▪️ SPAs (single-page apps/websites)
▪️ SSRs (server-side rendered apps/websites)
▪️ PWAs (progressive web apps)
▪️ mobile apps (through Cordova)
▪️Electron apps
استفاده کنید.
و اخرین روش
▫️Vue CLI 3 plugin
که توضیحات آنرا در اینجا میتوانید بررسی کنید

🔹Bootstrapping

🔸 برای ساخت یک Quasar App به کمک Quasar CLI ابتدا باید از نصب بودن نود جی اس ورژن حداقل 8 و npm نسخه حداقل 5 بروی سیستمان مطمئن شوید.
مراحل نصب و استارت پروژه را در لینک قبلی میتوانید دنبال کنید.

🔹About Quasar
🔸 مقصود کلی از این فرم وورک مجموعه ای همه منظوره از کامپوننت ها برای ساختن اپ های مدرن از ساده تا پیشرفته میباشد.
تمامی این کامپوننت ها بروی ویو جی اس ساخته شده و امکان ساخت کامپوننت سفارشی نیز وجود دارد.
همچنین در هنگام توسعه و استفاده از این فریم اگر با مشکلی مواجه شدید سوالات خود را در این فروم و Discord میتوانید بپرسید یا پیدا کنید.


@fullstackDevs

#ElectronJs

فقط برای اطلاع دوستانی که با این چارچوب قدرتمند کار نمی کنند.


ساده‌تر از آن چیزی است که فکر می‌کنید
اگر می توانید یک وب سایت بسازید، پس می توانید یک برنامه ی دسکتاپی هم بسازید. الکترون چارچوبی برای ساخت برنامه های بومی با استفاده از فناوری هایی مثل جاوا اسکریپت، HTML و CSS است. بخش های دشوار توسط الکترون انجام می شوند، بنابراین شما می توانید بر روی مرکز برنامه تان تمرکز کنید.

🌀 برنامه دسک تاپ کراس پلت فرم با فناوری وب مانند Javascript ، HTML و Css بسازید از این چارچوب لذت ببرید :)


🔹با داشتن یک کد واحد برای همه سیستم عامل های بزرگ ، باعث صرفه جویی در وقت زیادی می شود و گزینه های بیشتری برای توسعه فراهم می کند.
🔸 از موتور کروم برای نمایش UI استفاده کنید
🔹با Angular یا React

www.electronjs.org

@fullStackDevs

#fun

محیط و ابزار خاص برنامه‌نویسی

@fullStackDevs