🔹 React Hooks:
Hooklar reactning 16.8 chi versiyasida bizga tanishtirildi. Ular React function componentlarga qayta ishlatiladigan va o’zgaruvchan ma’lumotlarni oson qo’shish yo’li hisoblanadi.
Hooklar bizga oldinlari faqatgina Class Componentlarda mavjud bo’lgan barcha hususiyatlardan foydalanish imkonini taqdim etadi. Va yana biz o’zimizning custom hook imizni ham yaratishimiz mumkin. React kutubxonasida juda ko’p hooklar mavjud. Biz esa faqat 6ta eng muhimlarini ko’rib chiqamiz. Demak birinchi tanishadigan Hookimiz useState.
Batafsil pastdagi havolada 👇
https://medium.com/mukhriddin/react-usestate-hook-ef9e42916b7
Telegram | Instagram | Youtube
Hooklar reactning 16.8 chi versiyasida bizga tanishtirildi. Ular React function componentlarga qayta ishlatiladigan va o’zgaruvchan ma’lumotlarni oson qo’shish yo’li hisoblanadi.
Hooklar bizga oldinlari faqatgina Class Componentlarda mavjud bo’lgan barcha hususiyatlardan foydalanish imkonini taqdim etadi. Va yana biz o’zimizning custom hook imizni ham yaratishimiz mumkin. React kutubxonasida juda ko’p hooklar mavjud. Biz esa faqat 6ta eng muhimlarini ko’rib chiqamiz. Demak birinchi tanishadigan Hookimiz useState.
Batafsil pastdagi havolada 👇
https://medium.com/mukhriddin/react-usestate-hook-ef9e42916b7
Telegram | Instagram | Youtube
👍2🔥1
🔹 useRef :
useRef() bizga JSX elementini to’g’ridan to’g’ri boshqarish imkonini beradi.
useRef() ni ishlatish uchun u chaqirilganda qaytarilgan qiymatni saqlab olib, uni berilgan elementning ref nomli propiga berib qo’yish kerak... . Batafsil pastdagi havolada 👇
https://medium.com/@mukhriddin/react-useref-hook-haqida-10064180ba61
Telegram | Instagram | Youtube
useRef() bizga JSX elementini to’g’ridan to’g’ri boshqarish imkonini beradi.
useRef() ni ishlatish uchun u chaqirilganda qaytarilgan qiymatni saqlab olib, uni berilgan elementning ref nomli propiga berib qo’yish kerak... . Batafsil pastdagi havolada 👇
https://medium.com/@mukhriddin/react-useref-hook-haqida-10064180ba61
Telegram | Instagram | Youtube
👍1🔥1
const KEY = 1;
const URL = "www.themealdb.com/api/json/v1/1/search.php"; //Search meal by name
const RANDOM = "www.themealdb.com/api/json/v1/1/random.php"; //Lookup a single random meal
const CATEGORY = "www.themealdb.com/api/json/v1/1/categories.php"; //List all meal categories
const CATEGORY_TYPE = "www.themealdb.com/api/json/v1/1/list.php?" //List all Categories, Area, Ingredients
const SEARCH_ID = "www.themealdb.com/api/json/v1/1/lookup.php?i=" //Lookup full meal details by id
const FILTER_CATEGORY = "www.themealdb.com/api/json/v1/1/filter.php?c=" //Filter by Category
const FILTER_AREA = "www.themealdb.com/api/json/v1/1/filter.php?a=" //Filter by Area
const FILTER_INGREDINT = "www.themealdb.com/api/json/v1/1/filter.php?i=" //Filter by main ingredient
const URL = "www.themealdb.com/api/json/v1/1/search.php"; //Search meal by name
const RANDOM = "www.themealdb.com/api/json/v1/1/random.php"; //Lookup a single random meal
const CATEGORY = "www.themealdb.com/api/json/v1/1/categories.php"; //List all meal categories
const CATEGORY_TYPE = "www.themealdb.com/api/json/v1/1/list.php?" //List all Categories, Area, Ingredients
const SEARCH_ID = "www.themealdb.com/api/json/v1/1/lookup.php?i=" //Lookup full meal details by id
const FILTER_CATEGORY = "www.themealdb.com/api/json/v1/1/filter.php?c=" //Filter by Category
const FILTER_AREA = "www.themealdb.com/api/json/v1/1/filter.php?a=" //Filter by Area
const FILTER_INGREDINT = "www.themealdb.com/api/json/v1/1/filter.php?i=" //Filter by main ingredient
❤1
js-cheatsheet.pdf
853.4 KB
🎚️ Assalomu alaykum , JavaScriptni o'rganayotganlarga ushbu qo'llanmani tavfsiya etaman !
@mukhriddinweb ✅
@mukhriddinweb ✅