Amaliy full-stack darslarimizning 7-videosi

https://youtu.be/y8bIMCMhRJo

#practical_full_stack

@dev_thinking_loud

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

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

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

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

https://youtu.be/pbZBNGxSk7I

#practical_full_stack

@dev_thinking_loud

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

https://youtu.be/UC4xpK8S5jg

#practical_full_stack

@dev_thinking_loud

Iyd al-fitr barchamizga muborak bolsin!

AI assistant

Coding AI assistant ishlatishni hohlaganlar uchun codeiumni maslahat beraman. Ozim bir necha kun ishlatdim, juda yaxshi yordam beryapti.
Plus tomonlari:
- Skrinshotda korib turganingizdek doimiy bepul
- Kunlik usage limit yoq
- Yordam berayotganda codebaseni organib yordam beradi
- Testlarni o'zi yozib bera oladi

https://codeium.com

#ai_assistant

@dev_thinking_loud

To’htatish qarori

TLDR: Uzoq ikkilanishlardan so’ng video darsliklarni to’htatishga qaror qildim.

- Nega?
- Javobi quyidagi ilovada:
https://ravshansbox.notion.site/Tohtatish-qarori-dc68596c8f6246eab1ef887247ff59f4

@dev_thinking_loud

Mohirdev tomonidan dasturlash sohasini o'rganayotganlar uchun ajoyib yangilik.

📕 "Dasturlash bo'yicha savol-javob kodeksi"

Bu qo'llanma dasturlashni endi o'rganmoqchi bo'lganlar, sohaga yangi kirganlar va umuman dasturlash bilan shug'ullanuvchi bo'lgan hammaga qiziqarli va foydali bo'ladi, deb o'ylaymiz.

Qo'llanma foydali bo'lsa, yaqinlarga ulashasiz degan umiddamiz.

👉 Yuklab olish

Node 22 release bo’ldi.
Malumot uchun, bu 6 oydan keyin LTSga aylanadi

https://github.com/nodejs/node/releases/tag/v22.0.0

React Conf 2024ni qiziqqanlar kalendariga qoshib qoyishsa boladi

https://conf.react.dev/talks/3

TypeScript 5.5dagi qo’shimchalar.
Hozircha betada, releaseni ozgina kutamiz.

https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta

React 19 beta chiqdi

https://react.dev/blog/2024/04/25/react-19

Q&A(savol va javoblar) session qilmoqchimiz (imkon qadar live), ozingizga qiziq bolgan mavzu yoki savollar bolsa kommentda qoldirishingiz mumkin. Imkon qadar oldingi savolni takrorlamasdan reaction qoshsangiz sanashga osonroq bolardi.

Redux useSelector()da compare funksiya

useSelector() API Redux storedagi statening bir qismini olish uchun ishlatiladi. Unga berilgan callback odatda selector funksiya deb ataladi. Shu selector funksiyadan qaytgan qiymat oldingisidan farqli bo'lsa componentda rerender sodir boladi. Agar bizga butun slice kerak bo'lmay uning bir qismi kerak bolsa, osha qismlaridan obyekt yaratib qaytaramiz. Masala shundaki selector funksiya har ishlaganida u yangi obyekt qaytaradi, ichidagi qiymatlar ozgarmagan bo'lsa ham. Bu component rerenderiga sabab bo'ladi. Buning oldini olish uchun useSelector()ga ikkinchi argumentda shallowEqual funksiyasini berishimiz kerak.

Q&A session

Bugun, soat 21:00da jonli efirda rejalashtirganimizdek, savollarga javoblar beramiz, in shaa Alloh.