Forwarded from R4Y๐
Reactchilar bilishi kerak bo'lgan muhim mavzu & texnologiyalar:
Basics
- JSX and the difference between regular HTML
- State, props and their difference
- Understanding the concept of "props are read-only" and how it leads to one-way data flow.
- The difference between functional and class components
- Understanding how React detects changes (aka reactivity in React)
- Why React need keys?
- Understanding component lifecycle methods
- Lifting state up
- Understanding the concept of state as a snapshot
Context
- Understand when to use Context API (sharing data that can be considered โglobalโ).
- Learn how to create a context using React.createContext.
- Understand how to use Provider and Consumer components.
Hooks
- useState, useEffect, useCallback, useMemo, useContext, useRef, useReducer
- Rescrictions of hooks
- Custom hooks
- useState lazy initialization (optional)
Advanced
- Render props pattern
- HOC pattern
- Memoization
- Understanding Code splitting
- Suspense for declarative data fetching
- Using TypeScript with React
- SSR (Next.js)
- React Server Components
React libraries (muhimrog'i teparoqda)
- React router
- React query
- Redux/Zustand/Jotai (any state management library)
Agar ushbu ro'yxatga yana nimanidir qo'shimcha qilmoqchi bo'lsangiz, izohda yozib qoldiring ๐
Basics
- JSX and the difference between regular HTML
- State, props and their difference
- Understanding the concept of "props are read-only" and how it leads to one-way data flow.
- The difference between functional and class components
- Understanding how React detects changes (aka reactivity in React)
- Why React need keys?
- Understanding component lifecycle methods
- Lifting state up
- Understanding the concept of state as a snapshot
Context
- Understand when to use Context API (sharing data that can be considered โglobalโ).
- Learn how to create a context using React.createContext.
- Understand how to use Provider and Consumer components.
Hooks
- useState, useEffect, useCallback, useMemo, useContext, useRef, useReducer
- Rescrictions of hooks
- Custom hooks
- useState lazy initialization (optional)
Advanced
- Render props pattern
- HOC pattern
- Memoization
- Understanding Code splitting
- Suspense for declarative data fetching
- Using TypeScript with React
- SSR (Next.js)
- React Server Components
React libraries (muhimrog'i teparoqda)
- React router
- React query
- Redux/Zustand/Jotai (any state management library)
Agar ushbu ro'yxatga yana nimanidir qo'shimcha qilmoqchi bo'lsangiz, izohda yozib qoldiring ๐
๐3
#eslatma
Hali u kursga borib, hali bu ustozga borib, "Fitfilyonta" kursni sotib olib, menga o'xshab hali bir natijaga erishmaganlarga Muhammadjavohir aka zo'r gap yozibdilar.
Bitta kursni olingda ๐ค, ketni stulga qo'yib oxirigacha tez o'rganing. Konspekt qiling, amalda ishlating.
Hali u kursga borib, hali bu ustozga borib, "Fitfilyonta" kursni sotib olib, menga o'xshab hali bir natijaga erishmaganlarga Muhammadjavohir aka zo'r gap yozibdilar.
Bitta kursni olingda ๐ค, ketni stulga qo'yib oxirigacha tez o'rganing. Konspekt qiling, amalda ishlating.
๐ฅ5
Saytingiz uchun kreativlik bag'ishlash uchun ajoyib 'animated icon'lar to'plami bor manbalar. ๐
1. lordicon.com
2. lottiefiles.com/animation/icon
3. flaticon.com/animated-icons
4. icons8.com/animated-icons
5. iconscout.com/icons/animation
6. useanimations.com
7. getloaf.io
8. animatly.io
Ko'proq foydali kontent uchun OBUNA bo'ling: @Junior_Developer ๐๐ผ
1. lordicon.com
2. lottiefiles.com/animation/icon
3. flaticon.com/animated-icons
4. icons8.com/animated-icons
5. iconscout.com/icons/animation
6. useanimations.com
7. getloaf.io
8. animatly.io
Ko'proq foydali kontent uchun OBUNA bo'ling: @Junior_Developer ๐๐ผ
๐3
'ัะตััะธัะพะฒัะธะบ' va dasturchi o'rtasidagi munosabat aks etgan rasm ๐
๐๐ผ @Junior_Developer | #it_mem
๐๐ผ @Junior_Developer | #it_mem
๐5
Tez va xatosiz yoz!
โจ๏ธ monkeytype.com - sayti orqali siz turli xil til va sohalarga oid so'zlar yordamida klaviaturada tez yozishni mashq qilishingiz mumkin.(dunyoni top dasturchilar juda ko'p foydalanib turishadi)
Bu saytda juda ko'plab funksiyalari mavjud bo'lib:
โ๏ธ vaqt bo'yicha yozish
๐ so'zlar soni bo'yicha
ใ๏ธ til, soha tanlash imkoniyati
๐ statistika bo'limi
๐๐ผ @junior_developer | #coding
โจ๏ธ monkeytype.com - sayti orqali siz turli xil til va sohalarga oid so'zlar yordamida klaviaturada tez yozishni mashq qilishingiz mumkin.(dunyoni top dasturchilar juda ko'p foydalanib turishadi)
Bu saytda juda ko'plab funksiyalari mavjud bo'lib:
โ๏ธ vaqt bo'yicha yozish
๐ so'zlar soni bo'yicha
ใ๏ธ til, soha tanlash imkoniyati
๐ statistika bo'limi
๐๐ผ @junior_developer | #coding
๐ฅ4
Konsolga qanday natija chiqadi โ
Anonymous Quiz
32%
"olmoqchiman"
22%
Syntax Error
31%
" "
15%
undefined
๐4
#versitka_qilaylik
"Playnchill"
Qiyinchilik: #intermediate
Format: #figma
Maket turi: #desktop #mobile
Til: #ru #eng
๐havola
๐๐ผ @Junior_Developer | #verstka
"Playnchill"
Qiyinchilik: #intermediate
Format: #figma
Maket turi: #desktop #mobile
Til: #ru #eng
๐havola
๐๐ผ @Junior_Developer | #verstka
๐ฅ3๐1
Frontend pinned ยซ#eslatma Hali u kursga borib, hali bu ustozga borib, "Fitfilyonta" kursni sotib olib, menga o'xshab hali bir natijaga erishmaganlarga Muhammadjavohir aka zo'r gap yozibdilar. Bitta kursni olingda ๐ค, ketni stulga qo'yib oxirigacha tez o'rganing. Konspektโฆยป
Web dasturlash ishchi muhitlari.
Siz qaysi birini ishlatasiz โ๐ฌ
๐๐ผ @Junior_Developer | #dev
Siz qaysi birini ishlatasiz โ๐ฌ
๐๐ผ @Junior_Developer | #dev
๐ฅ4
Forwarded from Azim Pulat
CS50xTashkent Natijalari
CS50 - informatika va dasturlash san'atiga kirish kursiga qabul qilingan talabalar:
๐ cs50.uz/accepted
Qatnashishni xohlaysizmi? Hali ham kech emas!
10-iyulga qadar "Nega Dasturchi Bo'lmoqchiman" mavzusida motivatsion xat yozib, quyidagi manzilga yuboring:
๐ [email protected]
CS50 - informatika va dasturlash san'atiga kirish kursiga qabul qilingan talabalar:
๐ cs50.uz/accepted
Qatnashishni xohlaysizmi? Hali ham kech emas!
10-iyulga qadar "Nega Dasturchi Bo'lmoqchiman" mavzusida motivatsion xat yozib, quyidagi manzilga yuboring:
๐ [email protected]
๐ฅ4
VueJs'da componentalar mavzusida stream bo'lyapdi.
https://www.youtube.com/live/JhTa9FGRbdM?si=1c6LJjetCvNR8yXo
https://www.youtube.com/live/JhTa9FGRbdM?si=1c6LJjetCvNR8yXo
YouTube
VueJS - chuqur o'rganish
Ogohlantirish: yangi boshlovchilar uchun tushunarsiz bo'lishi mumkin.
Stream davomida o'zim uchun qiziqarli deb bilgan ma'lumotlar bilan o'rtoqlashaman. Agar ma'lumotlar yoqsa like ham bosmang, komment ham yozmang, shunchaki donate qiling:
9860100124927532โฆ
Stream davomida o'zim uchun qiziqarli deb bilgan ma'lumotlar bilan o'rtoqlashaman. Agar ma'lumotlar yoqsa like ham bosmang, komment ham yozmang, shunchaki donate qiling:
9860100124927532โฆ
This media is not supported in your browser
VIEW IN TELEGRAM
Google 25 yoshda
27-sentyabr โ Google'ning tugโilgan kuni. Qidiruv tizimiga asos solinganiga 25 yil boโldi.
Google'ning paydo boโlishiga ikki nafar talabaning tasodifiy uchrashuvi sabab boโlgan. 1997-yil Stendford universitetining aspiranti Sergey Brin Larri Peyjga kampusni koโrsatishi kerak boโlgan. Shu tariqa tanishgan yigitlar keyingi yil birgalikda qidiruv tizimini yaratishga muvaffaq boโlgan.
Ilk prototip yotoqxonada, ularning xonasida ishlab chiqilgan. Shunday qilib 1998-yilda Google Inc rasman โdunyoga kelganโ.
Birinchi dudl Peyj va Brin tomonidan ularning Burning Man festivaliga 1998-yilgi tashrifidan avval yaratilgan. Bu ularning server ishlamay qolsa, ish joyida emasliklarini anglatuvchi xabar edi.
Google nomi โgugolโ, yaโni โyuzta noldan iborat raqamโni bildiradi. Google kompaniyasida 72 mingdan ortiq odam faoliyat yuritadi. Google'ning dunyo qidiruv tizimi bozoridagi ulushi 90 foizni tashkil qiladi.
๐๐ผ @Junior_Developer
27-sentyabr โ Google'ning tugโilgan kuni. Qidiruv tizimiga asos solinganiga 25 yil boโldi.
Google'ning paydo boโlishiga ikki nafar talabaning tasodifiy uchrashuvi sabab boโlgan. 1997-yil Stendford universitetining aspiranti Sergey Brin Larri Peyjga kampusni koโrsatishi kerak boโlgan. Shu tariqa tanishgan yigitlar keyingi yil birgalikda qidiruv tizimini yaratishga muvaffaq boโlgan.
Ilk prototip yotoqxonada, ularning xonasida ishlab chiqilgan. Shunday qilib 1998-yilda Google Inc rasman โdunyoga kelganโ.
Birinchi dudl Peyj va Brin tomonidan ularning Burning Man festivaliga 1998-yilgi tashrifidan avval yaratilgan. Bu ularning server ishlamay qolsa, ish joyida emasliklarini anglatuvchi xabar edi.
Google nomi โgugolโ, yaโni โyuzta noldan iborat raqamโni bildiradi. Google kompaniyasida 72 mingdan ortiq odam faoliyat yuritadi. Google'ning dunyo qidiruv tizimi bozoridagi ulushi 90 foizni tashkil qiladi.
๐๐ผ @Junior_Developer
๐4
Telegram Destop 4.10.4 beta (21.10.23) versiyasida kodlarni tanib olish (highlighting) qo'shildi.
Bundan tashqari, bitta copy tugmasi orqali barcha kodni nuxsalash mumkin...
Kod joylash uchun standart markdownning ``` tegi ishlatiladi
Dasturchi do'stlarimizga yuborib qo'yamiz ๐
๐๐ผ @Junior_Developer | #telegram
Bundan tashqari, bitta copy tugmasi orqali barcha kodni nuxsalash mumkin...
Kod joylash uchun standart markdownning ``` tegi ishlatiladi
Dasturchi do'stlarimizga yuborib qo'yamiz ๐
๐๐ผ @Junior_Developer | #telegram