FullstacksJS — Academy

سرور فانکشن‌ها!

ری اکت توی ورژن ۱۹ اسم Server Action ها رو به Server Function تغییر داده. توی این ویدئو درباره اینکه چرا اینکارو کرده صحبت می‌کنیم.

مشاهده ویدئو

این جلسه هر ۲ هفته برگزار می‌شه و با لینک زیر میتونید به تقویمتون اضافه کنید.

افزودن به تقویم

کنجکاو بمونید

#react #next #serveraction #fullstacksjs

‏useQuery().promise

یه API جدید قرار هست به React Query اضافه بشه که بهمون اجازه میده render on fetch رو راحت تر بتونیم انجام بدیم.


این جلسه هر ۲ هفته برگزار می‌شه و با لینک زیر میتونید به تقویمتون اضافه کنید.

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#wus #query

امروز ۷ سال از اولین پستی که توی کانال FullstacksJS گذاشتم می‌گذره (این کانال نه، اینجا آکادمیه).
میخوام از این فرصت استفاده کنم و یکم درباره جامعه بنویسم.

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

تجربه من از گروه های چند هزار نفری اون موقع اصلا خوب نبود. تنها چیزی که برای مدیرهای این گروه‌ها مهم بود زیاد شدن تعداد اعضا و مختل نشدن گروه بود.

بهتر بخوام بگم، اولویت اول مدیران سود شخصیشون بود و هر معیار دیگه ای بعدش تعریف می‌شد.
اگر گروه بهتری هم پیدا می‌شد، دلیل اون بهبود فقط مزیت رقابتی در راستای رسیدن به سود شخصی بیشتر بود.

(برای شفاف سازی باید بگم که من هیچ مشکلی با سود شخصی ندارم.)

من دنبال محیطی بودم که برای اعضا اهمیت قائل باشه و هدف و چشم انداز بزرگ تری داشته باشه.

برای همین جامعه فول‌استکس رو راه انداختیم.
جایی که این اولویت‌ها و ارزش‌ها متفاوت تعریف می‌شد.

————

ما کی هستیم؟
ما توی جامعه ارزش‌هارو تعریف کردیم و خیلی زود آدم‌هایی که ارزش‌های یکسانی با ما داشتن همراهمون شدن. کم اهمیت ترین مسئله توی جامعه تعداد اعضا و کمیت محتواست، شاید بعد ۴ سال ۵۰۰ نفر شدیم و روی همون عدد موندیم.

(جوامع کوچیک خیلی باحال ترن)

اما یکی دو سالی میشه بخاطر فعالیت فول‌استکس‌آکادمی توی شبکه های اجتماعی اعضای جدیدی عضو جامعه شدن و نزدیک ۱۵۰۰ تا شدیم (نمیدونم شایدم بیشتر).

برای همین ممکنه اکثر اعضا با ارزش‌هایی که ما رو کنار هم نگه می‌داره آشنا نباشن.

(هرچند توی سایت جامعه نوشته شده اما می‌خوام اینجا یکم خودمونی تر و با جزیئات بیشتر دربارشون بنویسم).

ارزش‌هامون اینطوری تعریف می‌شن:

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

کیفیت اطلاعات: سعی ما از همون روزهای اول نزدیک بودن به لبه‌های دانش بوده. از روش‌ها و تکنولوژی‌هایی که توی صنعت استفاده می‌شه صحبت می‌کنیم.

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

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

—————

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

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

S-Kill

وضعیت مارکت.

‏❓ AMA

تا اونجا که میدونم vite از دو تا باندلر
داره استفاده میکنه.
esbuild
rollup

که فکر میکنم این باعث یک سری مشکلاتی میشه.
یکیش اینکه توی development و production ممکن رفتار یک سانی نداشته باشه اپلیکیشن.

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

#ama

چرا نباید سمت Biome رفت

#exp

‏❓ AMA

چرا باید از ابزارهای بسیار خوب و قوی prettier و eslint استفاده کرد وقتی biomejs سریعتر ، سبک تر و هر دو رو باهم دراختیارمون میزاره؟

#ama

آخر ویت بهتره یا rebuild؟

#exp

ورژن ۱۱ ه کانفیگ ESLint جامعه پابلیش شد

کانفیگ ESLint جامعه یه کانفیگ کامل برای داشتتن سورس کد یکپارچه و بدون خطاست.

برای استفاده از این کانفیگ نیاز به نصب هیچ پلاگینی اضافه ای ندارید و می‌تونید وابستگی های مستقیم package.json رو حذف کنید.


این کانفیگ به با خوندن وابستگی های پروژه به صورت خودکار تصمیم می‌گیره چه پلاگین هایی رو لازم دارین و اون ها رو فعال می‌کنه.

همچنین از پلاگین های زیر پشتیبانی می‌کنه.

- import
- jest
- vitest
- node
- playwright
- cypress
- prettier
- perfectionist
- promise
- react
- storybook
- tailwindcss

نحوه استفاده:

۱- هر چیزی مربوط به ESLint دارین رو از پروژه پاک کنید.
۲- پکیج رو نصب کنید

npm install --save-dev eslint @fullstacksjs/eslint-config

۳- فایل eslint.config.mjs بسازید

import { init } from '@fullstacksjs/eslint-config';

export default init();

۴- همین.

GitHub Repo

#eslint #project

‏Void(0)

این قسمت درباره وضعیت tooling توی دنیای جاوااسکریپت و اینکه کمپانی Void(0) چطوری می‌تونه نجاتمون بده صحبت می‌کنیم.

این جلسه هر ۲ هفته برگزار می‌شه و با لینک زیر میتونید به تقویمتون اضافه کنید.

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#wus #void0

کم کم شروع میکنیم

https://meet.google.com/ssk-aumy-xmg

جلسه سوم ماب ریویو 🚀

امروز ساعت ۷ سومین جلسه ماب ریویو رو داریم. تو این جلسه یک پروژه بک اندی با NestJS رو با هم ریویو می‌کنیم.

درباره ماب ریویو:
ماب ریویو یه رویداد دوستانه و خودمونی برای انتقال تجربه دانشه.
توی این رویداد دور هم جمع می‌شیم تا یک سورس کد رو با هم ریویو کنیم و درباره پرکتیس‌های بهتر و دلایلش صحبت کنیم.

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

📅 اضافه کردن به تقویم

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

#event #mob_review

نحوه کارکرد PPR و ‌Breaking change های نکست توی ورژن 15

توی این قسمت درباره PPR و connection و Breaking Change های نکست ۱۵ و دلیلش صحبت می‌کنیم.

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#wus #nextjs

استیج ۲.۷ توی اکمااسکریپت!

استیج ۲.۷ به ECMAScript اضافه شد. توی این ویدئو درباره مشکلی که حل میکنه و چرا عدد ۲.۷ انتخاب شده صحبت می‌کنیم.

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#whatsup #ecmascript

چطوری جاوااسکریپت رو خراب کنیم

این قسمت درباره یه مشکل جالب توی ES Module صحبت می‌کنیم. این رفتار توی Node ,Deno, Bun, Chrome و Firefox یکسان بود.

این جلسه هر ۲ هفته برگزار می‌شه و با لینک زیر میتونید به تقویمتون اضافه کنین.

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#whatsup #esmodule

این پیامم رو توی آخرین چت های PV پیدا کردم.

شما حدس بزنین برای چند سال پیش می‌تونه باشه.

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

امیدوارم الان سنیور شده باشی 💛 (ولی تو تهران و حقوق ۱۰ تومن نباشی 😂)

ممنون از alish و نیمای عزیز برای حمایت 💛

آپدیت جدید نکست و ساپورت تایپ اسکریپت

تو این قسمت درباره یکی از پول ریکوئست های Next.JS صحبت میکنیم که قرار هست ساپورت typescript رو برای فایل next.config رو اضافه کنه

این جلسه هر ۲ هفته برگزار می‌شه و با لینک زیر میتونید به تقویمتون اضافه کنین.

افزودن به تقویم

مشاهده ویدئو

کنجکاو بمونید

#whatsup #nextjs #typescript

مشکل اکسپرس چیه؟

#exp #express

آپدیت جدید NodeJS 22.8.0

توی این قسمت درباره قابلیت جدید NodeJS 22.8.0 صحبت می کنیم. از این به بعد می‌تونیم با NodeJS برای کدمون code coverage رو محاسبه کنیم.

این جلسه هر ۲ هفته برگزار می‌شه و با لینک زیر میتونید به تقویمتون اضافه کنین.

افزودن به تقویم

مشاهده ویدئو

کنجکاو بمونید

#whatsup #node

خبر بد اینکه ویدئو جلسه اول Mob Review مشکل داره و تصویر ضبط نشده
خبر خوب اینکه جلسه دوم سالمه.

۱۰ دقیقه دیگه شروع می‌کنیم.

https://meet.google.com/yse-cojc-nyr

جلسه پنجم What's up Skill 👑

از CSS 6 تا حذف TLD ه io

———

اگر تو اکوسیستم وب فعال باشین می‌دونین که هر روز توی وب اتفاق جدید می‌افته. ما توی جامعه FullstacksJS قرار هست هر ۲ هفته دور هم جمع بشیم و درباره اتفاقاتی که افتاده یکم بیشتر کنجکاوی کنیم.

منتظرتون هستم.

افزودن به تقویم: (امروز ساعت 5.5)
https://calendar.app.google/p8j9maQuVeUZ3ToQ9

#event #wus

هزینه نگه‌داری فریم‌ورک‌ها و کتابخونه‌ها:

- تفاوت هزینه نگه‌داری با آپدیت های کتابخونه چیه؟
- بلوغ چه تاثیری توی انتخاب ما داره؟
- اگر کتابخونه آپدیت نده آیا به این معنیه که هزینه ای برای ما نداره؟

#exp #startup

برای استارتاپ‌ها از چه تکنولوژی‌هایی استفاده کنیم؟

- آیا استفاده از فریم‌ورک های جدید توی استارتاپ‌ها منطقیه؟
- برای انتخاب زبان برنامه نویسی و فریم ورک ها توی استارتاپ‌ها چه چیزی باید مد نظر داشت؟
- بدهی فنی، وام فنی یا سرمایه‌گذار فنی؟
- ارتباط استارتاپ با پوکر

#exp #startup

‏❓ AMA

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

هم دوست دارم تجاربتون از استارت زدن ی استارتاپ بدونم هم اینکه چه تکنولوژی هایی استاندارد های ی محصول استارتاپی رو می‌تونه داشته باشه ، درسته که بستگی به نیاز داره ولی خب یکسری استاندارد ثابت باید وجود داشته باشه مثل همین جواب پس دادنه و درست کار کردنه

#ama

به زودی...

بچه ها جلسه رو کم کم شروع می‌کنیم.

https://meet.google.com/ssk-aumy-xmg

جلسه دوم ماب ریویو 🚀

امروز ساعت ۷ دومین جلسه ماب ریویو رو داریم. تو این جلسه یک پروژه NextJS رو با هم ریویو می‌کنیم.

درباره ماب ریویو:
ماب ریویو یه رویداد دوستانه و خودمونی برای انتقال تجربه دانشه.
توی این رویداد دور هم جمع می‌شیم تا یک سورس کد رو با هم ریویو کنیم و درباره پرکتیس‌های بهتر و دلایلش صحبت کنیم.

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

📅 اضافه کردن به تقویم

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

#event #mob_review

بعد ۱۰ روز زندگی بدون لپتاپ دارم برمی‌گردم خونه.

تو این مدت اتفاقات جالبی تو جامعه افتاده.‌ فردا هم ViteConf رو داریم و احتمالا خبرهای جذابی درباره VoidZero و Rolldown داشته باشیم.

برای همین یه تغییری توی برنامه های جامعه باید بدیم.

جلسه چهارم What's up S-Kill رو این جمعه می‌ریم که درباره این خبرها گفتگو کنیم. (افزودن به تقویم)

جلسه دوم Mob review رو شنبه برگزار می‌کنیم. (افزودن به تقویم)

منتظرتون هستم

پ.ن: گوگل کلندر یکی از سخت ترین ابزارها برای مدیریت رویدادهاست.

✦ کنجکاو باشیم ✦

#event

سلام بچه‌ها 👋
من ۲ هفته به سیستم دسترسی‌ ندارم. برای همین جلسه What's up S-Kill این هفته برگزار نمی‌شه.

پروفایل گیت‌هاب و استخدام

- تاثیر پروفایل گیت‌هاب توی استخدامی چطوریه
- گیت‌هابمون چطور باشه خوبه؟
- آیا ارزش داره برای استخدام شدن تو جامعه اپن سورس وقت بذاریم؟

#exp #github #jobhuntint