Dev thinking loud
1.68K subscribers
119 photos
8 videos
3 files
321 links
Dasturlash boyicha video darslar, subyektiv fikrlar, kundalik misollar, bahsli mavzular.

Youtube kanal: https://www.youtube.com/@ravshansbox

Muallif: @ravshansbox
Download Telegram
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
👍16🔥6
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
👍10🔥5
Forwarded from Qur'on qalb shifosi
36👍18🙏1
"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
👍16🔥21
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
👍20🔥9
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
👍37🔥7
Forwarded from QURAN.UZ
🌘 ЖУМА МУБОРАК!

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

#жума

@quranuz_kanali

Telegram | Instagram | Youtube | Facebook
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2510🔥3
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
👍20🔥4