Islombek.dev
435 subscribers
159 photos
21 videos
10 files
162 links
Front-end dasturchi.

Shaxsiy rivojlanish, dasturlash, texnologiyalar kabi yo'nalishlarda yozaman.

Men's community: @sportly_chat

Murojaat: @i8_11
Download Telegram
Odam yoshi kattaygan sari oddiylikni yoqtirib boraverar ekan ๐Ÿ˜„

๐ŸŽจ Github theme

@islombekdev
๐Ÿ˜3๐Ÿ’ฏ2๐Ÿ‘1
Kimdadir imkon va vaqt bo'lsa Remix.run ni ham bir o'rganib chiqishni maslahat beraman.

๐Ÿ“– https://remix.run/blog/remix-vs-next

@islombekdev
Bugun sevimli Reactimizni 10 yilligi ekan. Har doim birinchi bo'lib, Vue va Angularni doim ortda qoldirib yurishini tilab qolamiz ๐Ÿ˜Š

@islombekdev
โšก13๐ŸŽ‰4๐Ÿคจ2
React server components yagona yechimmi?

Reactga yangi qo'shilgan eng ajoyib fichalardan biri - bu React server components (aka RSC).

Soddaroq qilib tushuntirganda, RSC yordamida Uining kerakli qismlarini HTML sifatida pre-render qilib olib, brauzerga yuborib olishimiz mumkin. Bu orqali saytimiz anchagina tez ochiladi.

Nimaga? Chunki har safar saytga tashrif buyurganda Javascriptni yuklanib, ishga tushishini kutib o'tirilmaydi. Qolaversa RSC bizga juda ham ajoyib boshqa imkoniyatlarni taqdim etadi. Ulardan ba'zilari:

- Backend'dagi resurslarga to'g'ridan-to'g'ri foydalana olish;

- Maxfiy ma'lumotlarni serverda saqlash (access tokenlar, API key va boshqalar);

- Data fetching: RSC sizga componentni o'zida to'g'ridan-to'g'ri server-side data fetching qilish imkonini beradi. Bu orqali API yoki databazadan ma'lumotni fetch qilishni to'g'ridan-to'g'ri serverda amalga oshirish mumkin bo'ladi. Bu client va server o'rtasidagi so'rovlar borib qaytishini kamaytirgani sababli tezlik anchagina yaxshi bo'ladi.

Hullas RSC juda ham ajoyib fichalarni taqdim etgan va bu joyda bir nechtasini keltirdim holos.

Ammo bu endi hamma komponentimizni RSC qilishimiz kerak degani emas. Chunki RSCni ham o'z kamchiliklari bor. Masalan:

- Interaktivlik va event listenerlar (onClick, onChange etc.)

- Hooklar va lifecycle eventlar (useState, useEffect, useDispatch etc.)

- Browser-only API'lar (Geolocation, Web storage ect.) va shu kabi ba'zi narsalardan foydala olmaymiz.

Hulosa qilib aytganda RSCni hamma narsa uchun ishlata olmaymiz. Ammo o'z o'rnida foydalana olsak, juda ham ajoyib natijalarga erishsak bo'ladi.

@islombekdev
๐Ÿ‘8
Islombek.dev
React server components yagona yechimmi? Reactga yangi qo'shilgan eng ajoyib fichalardan biri - bu React server components (aka RSC). Soddaroq qilib tushuntirganda, RSC yordamida Uining kerakli qismlarini HTML sifatida pre-render qilib olib, brauzerga yuboribโ€ฆ
Shu joyda "RSC yordamida Uining kerakli qismlarini HTML sifatida pre-render qilib olib, brauzerga yuborib olishimiz mumkin" degan gapimda xato qilgan ekanman. Reactni o'zida ma'lumot birdaniga HTML emas, jsonga o'xshash formatda kelar ekan. Huddi rasmda ko'rsatilgandek.

Xatoimni kerakli paytda bildirib qo'ygan Ayyubxon aka va Elyor akalarga rahmat.
โ€‹โ€‹TOP 6 React open-source projectlar

Reactni o'rganish faqatgina dokumentatsiya o'qish yoki Youtubedan "Lets build Amazon clone in 5 hours" kabi videolar orqali bo'lmaydi. Quyidagi keltiriladigan real proyektlardan haqiqiy tajribalar olish mumkin.

1) tailwindcss.com - Github

2) highstorm.app - Github

3) react.email - Github

4) roomgpt.io - Github

5) dub.sh - Github

6) tx.shadcn.com - Github

Bularning barchasi to'liq open-source va o'ylaymanki juda ham yaxshi narsalar o'rgansangiz bo'ladi.

@islom_aliy
๐Ÿ‘4๐Ÿ”ฅ4
Kotlinda App yozishni eng tez usuli))

@islombekdev
๐Ÿ˜17๐Ÿคฃ1
Addy Osmani hozirgi juda kuchli engineerlardan.

Modern HTML has many performance controls:

๐Ÿ”‘ Prioritize a key image: <img fetchpriority=high>
๐Ÿ’ค Lazy-load images: <img loading=lazy>
๐ŸŒŽ Warm connections to origins: rel=preconnect
โฑ Fetch late-found resources: rel=preload
โญ Fetch next-page navigations: rel=prefetch

To learn more:
- Fetch Priority: https://lnkd.in/gemHH2qZ
- Lazy-loading: https://lnkd.in/gRVNnw24
- Preconnect: https://lnkd.in/g-8X-ZJB
- Preload: https://lnkd.in/gwBNuvzT
- Prefetch: https://lnkd.in/gjB7xr35

@islombekdev
๐Ÿ‘6
learningpatterns.pdf
143.2 MB
Patternlar bo'yicha Addy Osmani va Lydia Halliega tegishli bo'lgan juda ham ajoyib kitob.

Olaveringlar men juda "ั‰ะตะดั€ั‹ะน" insonman ๐Ÿ˜Š

๐Ÿ—ฟ O'zi tekin kitob lekin

๐ŸŒ Official sayt orqali yuklab olish

@islombekdev
๐Ÿ‘6
This media is not supported in your browser
VIEW IN TELEGRAM
Judayam foydali maslahat.

Ko'p ish qilgandek tuyulamiz lekin hech narsaga ulgirmayabmiz. Yechim nima?

@islombekdev
โคโ€๐Ÿ”ฅ6๐Ÿ‘4๐Ÿ†1
Multitasking is killing us...
๐Ÿ’ฏ8
React/Nextjs propagandasi uchun Amerika dolyami tezda yuborsin!

Radikal angularist do'stimni ham Reactga o'tkiza oldik๐Ÿ˜…

Hush kebsiz Josh )))

@islombekdev
๐Ÿ†11โšก2๐Ÿ‘€2
Saudiya Arabistonida oy ko'rindi

Allohning fazli ila Ertaga Zul-Hijja oyining birinchi kuni. Ya'ni Qurbon hayiti 28-iyunga to'g'ri kelyapti

Alloh barchamizga ushbu Iydni go'zal suratda nishonlashimizni nasib qilsin.
๐ŸŽ‰24
โ€‹โ€‹Kun bo'yi charchoq, lanjlikdan aziyat chekyabsizmi?

Ofisda o'tirgan holatingizda uxlab qolish, o'ta darajada charchab, qattiq uyqu tortishi sizga tanish holatmi?

Bu muammo turli xil sabablarga ko'ra sodir bo'lishi mumkin. Masalan:

1) Yetarlicha uxlamaslik;

2) To'g'ri yoki yaxshi ovqatlanmaslik;

3) Aqliy, jismoniy zo'riqish, stress;

4) Vitaminlar yetishmasligi;

5) Erkaklarda *testesteron kamligi (bunga jiddiy e'tibor bering);

6) Kam harakatlik;

7) Suvsizlanish (dehydration) va hullas shu kabi ko'plab sabablar mavjud.

Aksar hollarda ushbu muammolardan qutilishda tepada keltirilgan sabablarni isloh qilish bilan qutilishingiz mumkin. Asosiysi do'stlarim, sport bilan shug'ullanish, hydration va kerakli paytta yaxshi dam olishga e'tibor bering.

Shunchaki ish vaqtida ishni, dam vaqtida dam olishni o'z o'rniga qo'ying.

Yana takidlab aytaman: yigitlar, sport bilan shug'ullanish va testesteroningizga juda qattiq e'tibor bering!

Kim sportga qarshilik qiladi? ๐ŸฅŠ

@islom_aliy
๐Ÿ‘9โšก1๐ŸŒš1
Mobodo ishga intervyu topshirgani borsangiz-u, manashu rasmdagi birad sizni seniordan tortib, intern pro maxga tushirib, sizga yaxshilik qilib yana 50% chegirma bilan 1 200 000 so'm to'lab ishlaysiz desa, idi nariroqqa deng-da suring.

Akalar sal "shustriy" bo'linglar. Makkillab, bir dunyo gaplarni aytib tashlasa, kuchli odam ekan deb o'ylayvermanglar.

Bunga esa Alloh kifoya qilsin.

@islombekdev
๐Ÿ˜42๐Ÿ‘12
Colt Steele biradni tanisangiz kerak-a?

JavaScript Data Structures and Algorithms kursi orqali anchagina mashxur bo'lgan. Hullas shu birad yaqinda CSS Grid bo'yicha bepul videodars chiqaripti.

Hadeb Youtube'ga kirib olib Andrew Tateni motivatsion gaplarini eshitib, "CSS for weak people" deb o'tiravermasdan sohangizga judayam kerak bo'lib qoladigan narsani o'rganib qo'yavering :)

๐Ÿ”— Kursga link

@islombekdev
Hech eโ€™tibor beryapsizmi? Keyingi vaqtlarda uyqudan uygโ€˜onganingizda boshingiz aylanyapti, oโ€˜zingizni noxush his qilasiz, uyquga toโ€˜ymagansiz. Ertalabdan lanjlik. Ishtahasizlik. Maโ€™lum muddat garangsib yurish...

๐Ÿ”— Batafsil o'qish uchun bu yerga bosing

@islombekdev
โšก4
Telegramga yaqin orada storieslar qo'shilsa hayron bo'lmayman.

Chunki Pavel Durov kanalida shunday dedida ๐Ÿ˜„

@islombekdev
Hattoki Kyle Simpsonni o'zi ham Safarini juda qattiq yomon ko'rarkan )))

Safari - eng injiq, bo'lmag'ur brauzer.

@islombekdev
๐Ÿ‘4๐Ÿ˜4
Chegirma kurs haqida...

๐ŸŒ Mavzularni ko'rish uchun sayt

๐Ÿ“น Darsda o'tilgan mavzuga na'muna

๐Ÿ‘จโ€๐Ÿ’ป Kursni sotib olish uchun admin

Aytgancha, ovozli xabarda esdan chiqipti. Menga bu kursni sotib olishingizdan umuman moddiy manfaat yo'q, shunchaki holis tavsiyam.

โ—๏ธChegirma 1 - iyulgacha
๐Ÿ‘9โšก1๐Ÿ’ฏ1
Assalomu alaykum birodarlarim. Barchangizga hayit ayyomi muborak bo'lsin!
๐ŸŽ‰13โคโ€๐Ÿ”ฅ3๐Ÿ‘3