Git repoga bir necha push remote qo'shish
https://youtu.be/FnGOwSSjbHo
#tips_and_tricks
@dev_thinking_loud
https://youtu.be/FnGOwSSjbHo
#tips_and_tricks
@dev_thinking_loud
YouTube
Git repoga bir necha push remote qo'shish
Adding multiple push URLs to a git repo
🔥18👍7
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
https://youtu.be/QZckpRXsiwA
PS: Umid qilamizki bundan keyin proyekt yaratish uchun create-react-app ishlatilmaydi.
#tips_and_tricks
@dev_thinking_loud
YouTube
Vite proyekt yaratish
Creating a vite project
👍20🔥9
Vite proyektga tailwind qanday qoshiladi?
https://youtu.be/axQIc-JWeZM
#tips_and_tricks
@dev_thinking_loud
https://youtu.be/axQIc-JWeZM
#tips_and_tricks
@dev_thinking_loud
YouTube
Vite proyekt uchun tailwind sozlash
Setup tailwind for a vite project
👍21🔥4❤2
Proyektga prettierni qanday o'rnatamiz va sozlaymiz?
https://youtu.be/A70x6vzwodQ
#tips_and_tricks
@dev_thinking_loud
https://youtu.be/A70x6vzwodQ
#tips_and_tricks
@dev_thinking_loud
YouTube
Prettier, lint-staged va huskyni sozlash
Setup prettier, lint-staged and husky
👍17🔥5❤1
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:
#tips_and_tricks
@dev_thinking_loud
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
useReducer() + RTK
React
- Bu nima beradi?
- Tajribada uchraydi mi? Hech uchratmadim, lekin bu yomon degani emas. Sinab koruvchilar welcome 😉
#tips_and_tricks
@dev_thinking_loud
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
ESMda JSON import
JSON filelarni ESM environmentda odatiy import qilsa xato tashlar ekan (men xam bugun o'rgandim), togri import qilish uchun esa import attribute (yaqinda qoshilgan proposal, node warning chiqarishining sababi) ishlatish kerak ekan. ESM specification talablaridan biri bolsa kerak.
https://nodejs.org/api/esm.html#json-modules
#tips_and_tricks
JSON filelarni ESM environmentda odatiy import qilsa xato tashlar ekan (men xam bugun o'rgandim), togri import qilish uchun esa import attribute (yaqinda qoshilgan proposal, node warning chiqarishining sababi) ishlatish kerak ekan. ESM specification talablaridan biri bolsa kerak.
https://nodejs.org/api/esm.html#json-modules
#tips_and_tricks
👍13❤1
Transitive dependencies
Proyektda
#tips_and_tricks
Proyektda
dependencies yoki devDependencies ichida bo'lmay turib biror paketning nega o'rnatilganini bilmoqchi bo'lsangiz npm why komandasini ishlatishingiz mumkin.#tips_and_tricks
👍35
Updating packages
Eskirgan paketlarni korish uchun:
Ularni "upgrade" qilish uchun:
ishlatishingiz mumkin
#tips_and_tricks
Eskirgan paketlarni korish uchun:
npm outdatedUlarni "upgrade" qilish uchun:
npx npm-check-updates -iishlatishingiz mumkin
#tips_and_tricks
❤16👍16