Here's a Clean Architecture decomposed on a simple example in React that anyone can understand.
(a 2-minute masterclass)
The idea behind:
1. Separate concerns (SoC) into functional layers
2. Invert adapter dependency
This makes the React app "easy to change" for the next business requirement/feature. We literally have to touch fewer places to implement a new software behavior.
@Diyorbekk_dev
(a 2-minute masterclass)
The idea behind:
1. Separate concerns (SoC) into functional layers
2. Invert adapter dependency
This makes the React app "easy to change" for the next business requirement/feature. We literally have to touch fewer places to implement a new software behavior.
@Diyorbekk_dev
🔥 TypeScript Tips!
You can use "as const" on template literal to force TypeScript to infer it!
Without as const, it defaults to string. With it, it goes Deep!
@Diyorbekk_dev
You can use "as const" on template literal to force TypeScript to infer it!
Without as const, it defaults to string. With it, it goes Deep!
@Diyorbekk_dev
⚡1
Forwarded from MJ
Kung fu panda 4 chiqayotgan ekan. Treyler oxiridagi moment esa 🤣
https://youtu.be/_inKs4eeHiI?si=G1MURs08dsEsO6IF
https://youtu.be/_inKs4eeHiI?si=G1MURs08dsEsO6IF
YouTube
KUNG FU PANDA 4 | Official Trailer
Kung Fu Panda 4 - In Theaters March 8
This spring, for the first time in almost a decade, comedy icon Jack Black returns to his role as Po, the world’s most unlikely kung fu master, with a hilarious, butt-kicking new chapter in DreamWorks Animation’s beloved…
This spring, for the first time in almost a decade, comedy icon Jack Black returns to his role as Po, the world’s most unlikely kung fu master, with a hilarious, butt-kicking new chapter in DreamWorks Animation’s beloved…
👍4
Forwarded from Dev thinking loud
#raddiya
Bir odam o’zining kanalida o’zbek dasturchilar haqida fikr bildiribdi. Uning fikrlariga ko’ra:
- O’zbek dasturchilar katta ishlar qilolmas ekan
- 7/24 ishi bilan mashg’ul bo’lmagan odam muvaffaqiyatsiz ekan
Birinchi fikrga: o’zbek segmentidek dasturlashda tez rivojlangan mamlakat ko’rganmikin post egasi? Taxminan 10 yil oldin dasturchi deyilsa kam uchraydigan juda noyob odam tushunilar edi, hozir esa sohada raqobat shunchalik kuchliki ish topish juda qiyin. Undan keyin qanchadan qancha muvaffaqiyatli proyektlar ham xususiy sektorda ham davlat sektorida foydalanuvchilar hizmatida, shularning hammasini ozbek dasturchilari yozgan. Qanchadan qancha o’zbek dasturchilari esa xalqaro kompaniylarda offline yoki online formatda ishlab kelishmoqda va ishlarida juda muvaffaqiyatli, shaxsan ozim ko’pini taniyman. Xop, o’zbek dasturchilari katta ishlar qilolmas ekan, muallif o'zining proyektlarini kimlarga ishonib topshirar ekan, hindlarga mi inglizlarga mi?
Ikkinchi fikrga kelsak, 7/24 bir narsaning ustida ishlash yoki o’ylash odamning psihologik jihatdan nosog’lom ekanini bildiradi (Istalgan psihologning qabuliga yozilib ko’rikdan o’tib korishi mumkin, huddi shu fikrni aytishiga judayam ishonchim komil). Dasturchilik kasbi bu “bazilar” o’ylagandek “yer chopish”ga o’xshamaydi, u ijodiy faoliyat bilan bog’liq bo’lgan kasb hisoblanadi, yani, odamning FIK(foydali ish koeffisient)i uning ish soatlariga emas balki ruhiy holatiga bogliq bo’ladi va nosog’lom muhitda bu koeffisient katta shkalada o’ynab turadi. Shu sababdan ham chet el kompaniyalari dasturchining FIKini yillik korsatkichlarda analiz qilishadi. Qolaversa, o’zi yaxshi tushunmagan sohadagi mutaxassislarning katta qismini muvaffaqiyatsiz deyish jur’atini qayerdan olganiga hayronman. Bu mening fikrimcha eng kamida farosatsizlik.
Muallifning bildirgan haqorotomuz fiklari uchun bu soha vakillaridan uzr sorayman (Bunga muallifning farosati yaqin orada yetib qoladi deb o’ylamayman). O’zingizga olmang. Matematik xalqimiz aytganidek “X hurar, Y o’tar, Z esa ishiga davom etar”.
Maslahatim:
- Doim o’zbek dasturchiligingizdan faxrlaning
- Doim oilangizni va shaxsiy hayotingizni har narsadan ustun qoyib masrur hayot kechiring. Bu dunyo va uning ziynatlari o’tkinchi.
@dev_thinking_loud
Bir odam o’zining kanalida o’zbek dasturchilar haqida fikr bildiribdi. Uning fikrlariga ko’ra:
- O’zbek dasturchilar katta ishlar qilolmas ekan
- 7/24 ishi bilan mashg’ul bo’lmagan odam muvaffaqiyatsiz ekan
Birinchi fikrga: o’zbek segmentidek dasturlashda tez rivojlangan mamlakat ko’rganmikin post egasi? Taxminan 10 yil oldin dasturchi deyilsa kam uchraydigan juda noyob odam tushunilar edi, hozir esa sohada raqobat shunchalik kuchliki ish topish juda qiyin. Undan keyin qanchadan qancha muvaffaqiyatli proyektlar ham xususiy sektorda ham davlat sektorida foydalanuvchilar hizmatida, shularning hammasini ozbek dasturchilari yozgan. Qanchadan qancha o’zbek dasturchilari esa xalqaro kompaniylarda offline yoki online formatda ishlab kelishmoqda va ishlarida juda muvaffaqiyatli, shaxsan ozim ko’pini taniyman. Xop, o’zbek dasturchilari katta ishlar qilolmas ekan, muallif o'zining proyektlarini kimlarga ishonib topshirar ekan, hindlarga mi inglizlarga mi?
Ikkinchi fikrga kelsak, 7/24 bir narsaning ustida ishlash yoki o’ylash odamning psihologik jihatdan nosog’lom ekanini bildiradi (Istalgan psihologning qabuliga yozilib ko’rikdan o’tib korishi mumkin, huddi shu fikrni aytishiga judayam ishonchim komil). Dasturchilik kasbi bu “bazilar” o’ylagandek “yer chopish”ga o’xshamaydi, u ijodiy faoliyat bilan bog’liq bo’lgan kasb hisoblanadi, yani, odamning FIK(foydali ish koeffisient)i uning ish soatlariga emas balki ruhiy holatiga bogliq bo’ladi va nosog’lom muhitda bu koeffisient katta shkalada o’ynab turadi. Shu sababdan ham chet el kompaniyalari dasturchining FIKini yillik korsatkichlarda analiz qilishadi. Qolaversa, o’zi yaxshi tushunmagan sohadagi mutaxassislarning katta qismini muvaffaqiyatsiz deyish jur’atini qayerdan olganiga hayronman. Bu mening fikrimcha eng kamida farosatsizlik.
Muallifning bildirgan haqorotomuz fiklari uchun bu soha vakillaridan uzr sorayman (Bunga muallifning farosati yaqin orada yetib qoladi deb o’ylamayman). O’zingizga olmang. Matematik xalqimiz aytganidek “X hurar, Y o’tar, Z esa ishiga davom etar”.
Maslahatim:
- Doim o’zbek dasturchiligingizdan faxrlaning
- Doim oilangizni va shaxsiy hayotingizni har narsadan ustun qoyib masrur hayot kechiring. Bu dunyo va uning ziynatlari o’tkinchi.
@dev_thinking_loud
👍3❤🔥1
@Diyorbek_Juraev_Blog
Bu blogimdagi 2023 yilgi umumiy statistikani shu tarzda chiqarib berdi!
@Diyorbekk_dev
Bu blogimdagi 2023 yilgi umumiy statistikani shu tarzda chiqarib berdi!
@Diyorbekk_dev
⚡1👍1
Forwarded from Diyorbek's blog (Diyorbek Juraev)
2023 - yil sarhisobi! || Welcome to 2024
O‘tgangi 2023-yil men uchun ajoyib va muhim yillarda biri bo‘ldi!
2022-yil qilgan niyatlarim maqsadlarimga erisha oldim! Alhamdulilloh!
Bu o‘tkazgan bir yil davomida tushunib yetdimki birinchi qadam yaxshi niyat bilan boshlanishi eng muhimi ekan!
Tasavvur qiling tugmali ko‘ylagingizni kiyyapsiz! Tugmalarini qadab bo‘ldingiz bir qarasangiz oxirgi tugma to‘g‘ri kelmay qoldi, sababi boshidagi tugma to‘g‘ri qadalmagani uchun! Bu birinchi tugma esa xuddi niyatga o‘xshaydi.
2023 - yil dasturlash olamiga kirib keldim! Najot Ta’lim IT o‘quv markazida Front-end yo‘nalishi bo‘yicha yuqori tajribali ustozlarni qo‘lida tahsil oldim!
Haqiqiy oltin davr deb bemalol aytolgan bo‘lardim! Bundan tashqari ajoyib tanishlar uchratdim!
Shunchaki ajoyib voqelar boshimdan o‘tdi. Bularni so‘z bilan tariflash qiyin!
Toshkentga shunday tarif berishardi - beshafqat ustoz deya! Demoqchi bo‘lganim, turli xil sinovlar meni yanada tarbiyaladi! Eng muhimi komfort zonamdan chiqib niyat qilgan niyatimga yetoldim, Allohga shukur!
O‘quv markazni bitirib bo‘lishim bilan yo‘nalishim bo‘yicha birinchi ishimni boshladim!
Qanchalik oldinga intilganingiz sari shunchalik sinovlar kuchlilashib boraverar ekan! Chidamli bo‘lishga harakat qiling! Sinovlarda toblangan istalgan narsa oxirida juda chiroyli bo‘ladi!
Tasavvur o‘rnida onangiz yopgan qip qizil nonni eslang! Bunday chiroyli holatga kelgunicha necha bosqichlardan o‘tadi? Bu esa xuddi hayotimizga o‘xshaydi!
Yangi yilda yangi niyatlari bilan olg‘a qadam qo‘yishni boshlaymiz! Barchaga 2024-yil eng esda qolarli va ajoyib yil bo‘lib qolsin!
@Diyorbek_Juraev_Blog
O‘tgangi 2023-yil men uchun ajoyib va muhim yillarda biri bo‘ldi!
2022-yil qilgan niyatlarim maqsadlarimga erisha oldim! Alhamdulilloh!
Bu o‘tkazgan bir yil davomida tushunib yetdimki birinchi qadam yaxshi niyat bilan boshlanishi eng muhimi ekan!
Tasavvur qiling tugmali ko‘ylagingizni kiyyapsiz! Tugmalarini qadab bo‘ldingiz bir qarasangiz oxirgi tugma to‘g‘ri kelmay qoldi, sababi boshidagi tugma to‘g‘ri qadalmagani uchun! Bu birinchi tugma esa xuddi niyatga o‘xshaydi.
2023 - yil dasturlash olamiga kirib keldim! Najot Ta’lim IT o‘quv markazida Front-end yo‘nalishi bo‘yicha yuqori tajribali ustozlarni qo‘lida tahsil oldim!
Haqiqiy oltin davr deb bemalol aytolgan bo‘lardim! Bundan tashqari ajoyib tanishlar uchratdim!
Shunchaki ajoyib voqelar boshimdan o‘tdi. Bularni so‘z bilan tariflash qiyin!
Toshkentga shunday tarif berishardi - beshafqat ustoz deya! Demoqchi bo‘lganim, turli xil sinovlar meni yanada tarbiyaladi! Eng muhimi komfort zonamdan chiqib niyat qilgan niyatimga yetoldim, Allohga shukur!
O‘quv markazni bitirib bo‘lishim bilan yo‘nalishim bo‘yicha birinchi ishimni boshladim!
Qanchalik oldinga intilganingiz sari shunchalik sinovlar kuchlilashib boraverar ekan! Chidamli bo‘lishga harakat qiling! Sinovlarda toblangan istalgan narsa oxirida juda chiroyli bo‘ladi!
Tasavvur o‘rnida onangiz yopgan qip qizil nonni eslang! Bunday chiroyli holatga kelgunicha necha bosqichlardan o‘tadi? Bu esa xuddi hayotimizga o‘xshaydi!
Yangi yilda yangi niyatlari bilan olg‘a qadam qo‘yishni boshlaymiz! Barchaga 2024-yil eng esda qolarli va ajoyib yil bo‘lib qolsin!
@Diyorbek_Juraev_Blog
👍3
2024-yil! Birinchi qadam!
Ancha vaqtlardan beri jamoa yig‘ish niyatida yurgan edim. 2024-yilgi katta qadamlarimdan biri sifatida o‘zimga maqsad qildim! Jamoa bilan yangi katta marralarga erishishni niyat qilyapman!
Katta marralar ko‘pchilik bilan erishiladi! Jamoada boshqacha ajoyib muhitni shakllantiramiz.
Ma’lum bir sanalarda jamoa bilan yig‘ilib ajoyib muloqotlar, turli xil loyihalar , va ishimizdagi olgan tajribalarimizni bir birimizga ulashamiz!
Jamoa a’zolar soni maksimal 10 kishi bo‘lgani yaxshi deb bildim! (Faqat oldinga intiluvchilardan tashkil qilinadi!)
Har doim o‘tkaziladigan dev festivallarga (GDG) ga birgalashib borib boshqa professionallardan maslahatlar olamiz!
Jamoada ichki challangelar o‘tkaziladi! etc...
Jamoamizda bir necha yillik tajribaga ega bo‘lgan dasturchilar ham bo‘ladi!
The best team shakllantirishda siz ham hissangizni qo‘shing tanishlarga qiziquvchilarga yuboring!
Murojaat qilish uchun:
Tel: +998-90-766-1770
Telegram: https://t.me/jurayev_diyorbek
P.S: Jamoaga suhbat asosida qabul qilinasiz!
@Diyorbekk_dev
Ancha vaqtlardan beri jamoa yig‘ish niyatida yurgan edim. 2024-yilgi katta qadamlarimdan biri sifatida o‘zimga maqsad qildim! Jamoa bilan yangi katta marralarga erishishni niyat qilyapman!
Katta marralar ko‘pchilik bilan erishiladi! Jamoada boshqacha ajoyib muhitni shakllantiramiz.
Ma’lum bir sanalarda jamoa bilan yig‘ilib ajoyib muloqotlar, turli xil loyihalar , va ishimizdagi olgan tajribalarimizni bir birimizga ulashamiz!
Jamoa a’zolar soni maksimal 10 kishi bo‘lgani yaxshi deb bildim! (Faqat oldinga intiluvchilardan tashkil qilinadi!)
Har doim o‘tkaziladigan dev festivallarga (GDG) ga birgalashib borib boshqa professionallardan maslahatlar olamiz!
Jamoada ichki challangelar o‘tkaziladi! etc...
Jamoamizda bir necha yillik tajribaga ega bo‘lgan dasturchilar ham bo‘ladi!
The best team shakllantirishda siz ham hissangizni qo‘shing tanishlarga qiziquvchilarga yuboring!
Murojaat qilish uchun:
Tel: +998-90-766-1770
Telegram: https://t.me/jurayev_diyorbek
P.S: Jamoaga suhbat asosida qabul qilinasiz!
@Diyorbekk_dev
👍3🔥1
👍4⚡1🆒1
#React
Reactni ham eng muhim qismlarini boshladik har kuni foydali contentlar boshlanadi yana!
🤔JavaScript davom etmaydimi?
Davom etadi! JavaScript bo'yicha ham ko'pchilik uchun qiyin bo'lgan mavzular to'g'risida contentlar ulashib boraman!
@Diyorbekk_dev
Reactni ham eng muhim qismlarini boshladik har kuni foydali contentlar boshlanadi yana!
🤔JavaScript davom etmaydimi?
Davom etadi! JavaScript bo'yicha ham ko'pchilik uchun qiyin bo'lgan mavzular to'g'risida contentlar ulashib boraman!
@Diyorbekk_dev
🔥1
#React
What difference between imperative and declarative programming?
Imperative Programming:
How to Achieve a Result: In imperative programming, you explicitly specify the steps or procedures that the computer must take to achieve a particular result.
Detailed Instructions: You provide a detailed sequence of statements, specifying how the program should perform each task.
Stateful: It often involves managing and updating the state of the program as it executes.
Declarative Programming:
What to Achieve: In declarative programming, you specify what you want to achieve without detailing how to achieve it.
Higher-Level Abstraction: Focus is on expressing the desired outcome rather than the step-by-step process.
Stateless: The emphasis is on immutability and avoiding the need for managing mutable states.
In Summary:
Imperative programming focuses on detailing the specific steps to achieve a result, often involving mutable states.
Declarative programming emphasizes describing the desired outcome, relying on higher-level abstractions and immutability.
@Diyorbekk_dev
What difference between imperative and declarative programming?
Imperative Programming:
How to Achieve a Result: In imperative programming, you explicitly specify the steps or procedures that the computer must take to achieve a particular result.
Detailed Instructions: You provide a detailed sequence of statements, specifying how the program should perform each task.
Stateful: It often involves managing and updating the state of the program as it executes.
// Imperative example: Loop through an array
const numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}
Declarative Programming:
What to Achieve: In declarative programming, you specify what you want to achieve without detailing how to achieve it.
Higher-Level Abstraction: Focus is on expressing the desired outcome rather than the step-by-step process.
Stateless: The emphasis is on immutability and avoiding the need for managing mutable states.
// Declarative example: Using map to transform an array
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(num => num * num);
console.log(squaredNumbers);
In Summary:
Imperative programming focuses on detailing the specific steps to achieve a result, often involving mutable states.
Declarative programming emphasizes describing the desired outcome, relying on higher-level abstractions and immutability.
@Diyorbekk_dev
👍1🔥1
#React
React Elements:
1. Element Properties:
Props: Key-value pairs that configure the element's behavior and appearance.
Children: Nested elements or text content within the element.
Special Props: Certain props have specific meanings, like key for identifying elements in lists.
2. Component and DOM Element Differences:
Component: Reusable blueprint with state and lifecycle methods. Renders elements based on its state and props.
DOM Element: Representation of an actual HTML tag in the browser's DOM.
3. Element Creation and Rendering:
Elements can be created using JSX syntax or plain JavaScript objects.
React calls the component function (if the element type is a function) with props to get the rendered elements.
React performs "reconciliation" to efficiently update the DOM to match the desired elements.
4. Advanced Element Concepts:
Fragments: Group multiple children without adding an extra DOM node.
Portals: Render elements to a different part of the DOM tree.
Error Boundaries: Capture errors during rendering and display a fallback UI.
5. Element Structure:
An element has a "type" (critical attribute) and properties.
6. Nested Elements for the Render Tree:
Elements can be nested to create a render tree, combining both DOM nodes and components.
@Diyorbekk_dev
React Elements:
1. Element Properties:
Props: Key-value pairs that configure the element's behavior and appearance.
Children: Nested elements or text content within the element.
Special Props: Certain props have specific meanings, like key for identifying elements in lists.
2. Component and DOM Element Differences:
Component: Reusable blueprint with state and lifecycle methods. Renders elements based on its state and props.
DOM Element: Representation of an actual HTML tag in the browser's DOM.
3. Element Creation and Rendering:
Elements can be created using JSX syntax or plain JavaScript objects.
React calls the component function (if the element type is a function) with props to get the rendered elements.
React performs "reconciliation" to efficiently update the DOM to match the desired elements.
4. Advanced Element Concepts:
Fragments: Group multiple children without adding an extra DOM node.
Portals: Render elements to a different part of the DOM tree.
Error Boundaries: Capture errors during rendering and display a fallback UI.
5. Element Structure:
An element has a "type" (critical attribute) and properties.
{
type: Title,
props: {
color: 'red',
children: 'Hello, Title!'
}
}6. Nested Elements for the Render Tree:
Elements can be nested to create a render tree, combining both DOM nodes and components.
{
type: Title,
props: {
color: 'red',
children: {
type: 'h1',
props: {
children: 'Hello, H1!'
}
}
}
}@Diyorbekk_dev