Dev thinking loud

Amaliy full-stack darslarimizning 8-videosi (2-qism)

https://youtu.be/UC4xpK8S5jg

#practical_full_stack

@dev_thinking_loud

Amaliy full-stack darslarimizning 8-videosi (1-qism)

https://youtu.be/pbZBNGxSk7I

#practical_full_stack

@dev_thinking_loud

useReducer() + RTK

React useReducer() API bilan RTK createSlice() APIni birga ishlatish mumkin.
- Bu nima beradi? useReducer() local stateni, RTK createSlice() esa concise codebaseni (qisqaroq kod) beradi. Va istalgan vaqtda local stateni global statega promote qilish imkonini beradi.
- Tajribada uchraydi mi? Hech uchratmadim, lekin bu yomon degani emas. Sinab koruvchilar welcome 😉

#tips_and_tricks

@dev_thinking_loud

🌘 ЖУМА МУБОРАК!

Расулуллоҳ соллаллоҳу алайҳи васалламга кўп-кўп салавот айтиб, дуо ижобат бўладиган соатни топиш барчамизга насиб қилсин!

#жума

@quranuz_kanali

Telegram | Instagram | Youtube | Facebook

TypeScript 5.5da bazi type-predicatelarni o’zi topadigan (infer) imkoniyat qoshilayotgan ekan

https://www.totaltypescript.com/type-predicate-inference

Amaliy full-stack darslarimizning 7-videosi

https://youtu.be/y8bIMCMhRJo

#practical_full_stack

@dev_thinking_loud

Amaliy full-stack darslarimizning 6-videosi

https://youtu.be/GJx14K2cRBA

#practical_full_stack

@dev_thinking_loud

Amaliy full-stack darslarimizning 5-videosi

https://youtu.be/xqDyxSmmtQo

#practical_full_stack

@dev_thinking_loud

Comma operator

React bilan ishlayotganda bazan JSX ichidagi expressionning qiymatini tez log qilish kerak bo'lib qoladi. Agar component biroz katta bolsa u expressionning qiymatini kelgan yoki elon qilingan joyiga scroll qilmasdan turgan joyida korish mumkin. Buning uchun JavaScriptdagi comma operatorni ishlatish mumkin. Unda expressionlar comma (,) bilan ajratib chiqiladi va bracelarga o'raladi. Bu expression hisoblanadi va u comma bilan ajratilgan expressionlarning ohirgisiga evaluate boladi. Masalan: (1,2,3) === 3

#tips_and_tricks

@dev_thinking_loud

Proyektni githubga qanday joylaymiz?

https://youtu.be/a3N4Dpy9SpA

#tips_and_tricks

@dev_thinking_loud

Proyektga prettierni qanday o'rnatamiz va sozlaymiz?

https://youtu.be/A70x6vzwodQ

#tips_and_tricks

@dev_thinking_loud

Vite proyektga tailwind qanday qoshiladi?

https://youtu.be/axQIc-JWeZM

#tips_and_tricks

@dev_thinking_loud

Vite proyekt qanday yaratiladi?

https://youtu.be/QZckpRXsiwA

PS: Umid qilamizki bundan keyin proyekt yaratish uchun create-react-app ishlatilmaydi.

#tips_and_tricks

@dev_thinking_loud

Git repoga bir necha push remote qo'shish

https://youtu.be/FnGOwSSjbHo

#tips_and_tricks

@dev_thinking_loud

"Build your own vercel appwrite"

AppWriteni o'ziz o'z serverizda to'liq host qilsangiz bo'lar ekan, juda yoqdi. Hozircha funkciyalari juda ko'p emas, lekin asosiylari bor: web, auth, database, functions, messaging, storage.
Readmedagi bir qator docker run ... komanda bilan ko'tarildi.
O'zi infrastruktura setup va maintain qilishga imkoni yo'qlar uchun esa hosted varianti ham bor (appwrite cloud), narxlari ham uncha qimmat emas.

https://github.com/appwrite/appwrite

@dev_thinking_loud

HTML va CSSni o'rganmoqchi bo'lganlarga udemyda o'zbek tilida bepul kurs (kupon sanoqli kun ishlaydi faqat)

https://t.me/dev_skills_lab_com/23

@dev_thinking_loud

#Тавсия

РАМАЗОН ОЙИ РЕЖАСИ

👉https://t.me/joinchat/AAAAAErCua6rpFZB4L4x2g

CSS logical properties

"CSS logical property"lar multi-directional web applarda juda qulay styling mexanizm. Bunda top/bottom, left/right o'rniga block/inline, start/end kalit so'zlari ishlatiladi. Bularning farqi writing-mode o'zgargan paytda (LTRdan RTLga masalan) tomonlar avtomatik ravishda o'zgaradi, xuddi flexboxda direction o'zgargandagi kabi. Agar appimiz multi-directional bo'lmasa ham buni ishlatishni tavsiya qilaman, chunki bugun bo'lmasa ertaga ehtiyojimiz tushganda tajribamiz bo'ladi. Malumot uchun tailwind 3.3da buni support qilish uchun klasslar qoshildi.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values

https://web.dev/learn/css/logical-properties

https://css-tricks.com/css-logical-properties-and-values/

https://tailwindcss.com/blog/tailwindcss-v3-3#simplified-rtl-support-with-logical-properties

@dev_thinking_loud

Programming Notes for Professionals

Shu yerda kop mavzular boyicha yaxshi kitoblar bor ekan. Bazilari sal outdated, lekin ichida foydali content ham bor. Tavsiya qilaman.

https://goalkicker.com

@dev_thinking_loud