Foydali AI tool'lar
Sun'iy ong sizni o'rningizni egallay olmasligi mumkin ammo sun'in ongni yaxshi ishlata oladigan inson egallay oladi.
@islom_aliy
Sun'iy ong sizni o'rningizni egallay olmasligi mumkin ammo sun'in ongni yaxshi ishlata oladigan inson egallay oladi.
@islom_aliy
โก5
Media is too big
VIEW IN TELEGRAM
โก11โค1๐ฅ1
Reactni yomonlab-yomonlab NextJS bo'yicha 8 soatlik kurs chiqarish nech pul bo'lyapti @JoshDeveloper?
๐ Ichi qoralar buni montaj deydi
๐น Videoga link
@islom_aliy
๐ Ichi qoralar buni montaj deydi
๐น Videoga link
@islom_aliy
๐52๐ฅ3๐คฃ2
Saudiyada shavvol oyi ko'rinipti. Ertaga endi shubxasiz ramazon hayit bayrami in shaa Alloh.
Barcha birodarlarimni ushbu ulug' oy bilan tabriklayman. Alloh qabul qilsin.
@islom_aliy
Barcha birodarlarimni ushbu ulug' oy bilan tabriklayman. Alloh qabul qilsin.
@islom_aliy
๐14๐3๐ฅด1
โโDasturchilarni chuqur o'ylashga majbur qiladigan maqola
Kimdir yaxshi dasturchi Oโzbekistonda 2000$ oladi, deb yozib qoladi. Hozir konsentrasiya qila olib ishlaydiganlar soni juda kam, deyarli barcha Facebook, Telegram, tarmoqlar, Youtube orqali zombilashgan, kontent narkomaniga aylanib boโlgan. Fikrini jamlay olmaydi, aqliy faoliyatni soatlab davom ettira olmaydi. Bir muallif aytgandek, odamlar โะทะฐะฒะธัะธะผัะนโ, xayoli parishon, semiz boโlib qolgan (addicted, distracted, overweight).
Kel Nyuportning โะ ัะฐะฑะพัั ั ะณะพะปะพะฒะพะนโ (Deep Work) asarida aynan xayolni jamlab, xotirjamlik bilan aqliy mehnat qilish muhimligi, ayniqsa hozirgi zamonda bunday insonlarga talab oshib ketganligi haqida yozilgan.
Shuning uchun, ikki ming olishi faqatgina bir son, aslida besh ming ham, sakkiz ming ham olib ishlayotganlar bor, nafaqat dasturchilar, boshqa sohadagilar ham.
Hozirgi zamonda aqilli boโlish degani, fokusga ega boโlish degani.
(c) Bobir Ismoilov / @bi_chann
@islom_aliy
Kimdir yaxshi dasturchi Oโzbekistonda 2000$ oladi, deb yozib qoladi. Hozir konsentrasiya qila olib ishlaydiganlar soni juda kam, deyarli barcha Facebook, Telegram, tarmoqlar, Youtube orqali zombilashgan, kontent narkomaniga aylanib boโlgan. Fikrini jamlay olmaydi, aqliy faoliyatni soatlab davom ettira olmaydi. Bir muallif aytgandek, odamlar โะทะฐะฒะธัะธะผัะนโ, xayoli parishon, semiz boโlib qolgan (addicted, distracted, overweight).
Kel Nyuportning โะ ัะฐะฑะพัั ั ะณะพะปะพะฒะพะนโ (Deep Work) asarida aynan xayolni jamlab, xotirjamlik bilan aqliy mehnat qilish muhimligi, ayniqsa hozirgi zamonda bunday insonlarga talab oshib ketganligi haqida yozilgan.
Shuning uchun, ikki ming olishi faqatgina bir son, aslida besh ming ham, sakkiz ming ham olib ishlayotganlar bor, nafaqat dasturchilar, boshqa sohadagilar ham.
Hozirgi zamonda aqilli boโlish degani, fokusga ega boโlish degani.
(c) Bobir Ismoilov / @bi_chann
@islom_aliy
๐17๐ฅด1
ChatGPT ishlashi uchun kunlik harajat 700 000$ ga to'g'ri kelyapti ekan.
Juniorlarni o'rnini egallashi qiyinov :)
@islom_aliy
Juniorlarni o'rnini egallashi qiyinov :)
@islom_aliy
๐คฃ10
git-cheat-sheet.pdf
84.2 KB
Ba'zi git kommandalari ko'pchiligimizni yodimizdan chiqib qolsa qolsa kerak.
Shunday holatlarda ushbu minimal git cheatsheet juda yaxshi asqotadi.
โ๏ธ By: Gitlab.com
@islom_aliy
Shunday holatlarda ushbu minimal git cheatsheet juda yaxshi asqotadi.
โ๏ธ By: Gitlab.com
@islom_aliy
๐4
progit.pdf
18 MB
"Men kuchliman, Sherbekligimni ko'rsataman" deb, Gitni chuquuur o'rganmoqchi bo'lganlar uchun ushbu kitob tavsiya qilinadi.
O'ziyam 506 bet :)
@islom_aliy
O'ziyam 506 bet :)
@islom_aliy
๐2๐คฃ2โก1๐1
Bolam bo'ldida endi ๐คฆโโ๏ธ
Angularchilar Inglizcha videoni kommentariyasidan topib ham pravokatsiya qilishyapti ))
@islom_aliy
Angularchilar Inglizcha videoni kommentariyasidan topib ham pravokatsiya qilishyapti ))
@islom_aliy
๐คฃ8๐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
๐ 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
@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
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.
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
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
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
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