Файл
Mastering_React_Hooks_1742539622.pdf · 1.5 МБ · нажмите — покажем
1 · 232 · Mastering_React_Hooks_1742539622.pdf · 1.5 МБ · нажмите — покажем
Abdulloh Olimov
Assalomu aleykum.Barodaron shumoro bo Idi fitr tabrik mekunam.Allohi mehrubon ruzahoi giriftai shumoro qabul kunad.To Ramazoni digar hamai movu shumoro sihatu salomat rasonad Omin🤲🤲🤲
217 · Abdulloh Olimov
GIF
video_2025-06-29_22-15-10.mp4 · 2.8 МБ
video_2025-06-29_22-15-10.mp4 · 2.8 МБ
Дар Telegram акнун метавонед вазифа (таск) гузоред — дар дохили чатҳо!
• Метавонед дар чатҳои шахсӣ ва гурӯҳӣ истифода баред — барои худатон ё барои аъзои гурӯҳ вазифа таъин кунед
• Ҳар як вазифа иҷрокунандаи алоҳида дорад, бо расми профилаш намоиш дода мешавад
• Метавонед режимро интихоб кунед: ё як нафар иҷро мекунад ё ҳамаи иштирокчиён — танзими чандир барои ҳама гуна ҳолатҳо
165 · Abdulloh Olimov
🚀 Elevating UX with React Native Reanimated + Gesture Handler
I’m excited to share a smooth, gesture-driven UX feature I recently built using react-native-reanimated paired with react-native-gesture-handler.
🔍 What I achieved:
🌀 Created interactive swipe, drag, and spinner effects using Reanimated’s native-thread animations.
🎯 Integrated gesture detection with Gesture Handler to deliver fluid, responsive motion—even during complex interactions.
🧩 Designed modular UI components that feel native and intuitive.
Why it matters:
Reanimated moves animations off the JS thread, avoiding frame drops and delivered buttery smoothness
Gesture Handler handles low-latency swipe, pinch, and tap gestures, solving gesture conflicts in nested views .
Together, they empower developers to craft polished interfaces, from Tinder-style cards to draggable sheets
🤝 How this benefits teams & apps:
📈 Better performance on lower-end devices
👌 Safer and more maintainable gesture code
🧰 Easily extendable—mix in Reanimated for animation, Gesture Handler for interaction, even Skia for visuals
If you're working with react-native-reanimated and react-native-gesture-handler, feel free to message me — I'm happy to help.
1 · 184 · Abdulloh Olimov
Ссылка
нажмите — покажем
нажмите — покажем
✍️ Друзья! Открываем запись на новый поток курсов по Фронтенд-разработке! 🧑🏻💻
💻 Если ты мечтаешь создавать современные и стильные сайты — начни путь в IT уже в августе! Тебя ждут понятные уроки, поддержка наставников и дружелюбная атмосфера.
📌 Что важно знать:
• Старт: август 2025
• Продолжительность: ~5 месяцев;
• Занятия: 3 раза в неделю
• Начало занятий: 18:00
• Длительность: 2 часа
• Место проведения занятий: Душанбе, Регус — Бустон Сити (ориентир: магазин «Гуля Голд», лицей №4)
• Стоимость 1-го месяца: 200 сомони
✅ По завершении первого месяца — экзамен. Успешно сдавшие смогут продолжить обучение на следующих этапах.
📲 Перейди по ссылке заполни заявку на обучение прямо сейчас.
🤖 Заявку также можно отправить через нашего бота @MyHamdam_bot
🚀 Не упусти шанс освоить востребованную профессию в сфере веб-технологий!
📱 975-68-86-86
Телеграм | Фейсбук | Инстаграм
1 · 182 · Abdulloh Olimov
Асоси фарқиятҳои байни localStorage, sessionStorage ва cookies чист?
✅ Ҷавоб ҳар 10 дақиқа гузошта мешавад!
107 · Javob:
localStorage → доимӣ нигоҳ дошта мешавад, ҳатто вақте браузер баста шавад ҳам нест намешавад.
sessionStorage → танҳо то поёни сессия нигоҳ дошта мешавад.
cookies → ба сервер низ фиристода мешавад, ҳаҷми он хурдтар аст!
102 · Abdulloh Olimov
Ссылка
нажмите — покажем
нажмите — покажем
📖 Просто оставлю это здесь
https://developer.chrome.com/blog/chrome-devtools-mcp
https://github.com/ChromeDevTools/chrome-devtools-mcp/?tab=readme-ov-file#chrome-devtools-mcp
122 · Фотография
JSON не поддерживает комментарии 😡
Не проблема! В package.json можно использовать специальные поля для комментариев 🪿
124 · Фотография
⚡️Volta
Все мы знаем про инструмент управления версиями Node.js под названием NVM (Node Version Manager), но есть ещё один - Volta.
📌Какие же отличия?
Volta не требует инициализации функций оболочки при каждом открытии терминала и выбирает версию на лету. Volta закрепляет и Node, и npm/yarn на проект через package.json, а nvm фокусируется на Node и обычно опирается на .nvmrc с ручным переключением.
📕 Документация тут
1 · 170 · 🚀 Next.js ҳамчун Backend — имкониятҳои пурқувват барои developer-ҳо!
Бисёриҳо Next.js-ро танҳо барои frontend мешиносанд, вале дар ҳақиқат он метавонад backend-и пурра бошад! 😎
Бо истифода аз API Routes, шумо метавонед:
API endpoint-ҳои худатон созед
Бо базаи маълумот (PostgreSQL, MongoDB, Prisma ва ғайра) кор кунед
Authentication (JWT, OAuth, NextAuth) илова кунед
Ҳамааш дар як codebase — backend ва frontend якҷо 🔥
// app/api/users/route.ts
import { NextResponse } from 'next/server';
export async function GET() {
const users = [{ id: 1, name: 'Abdulloh' }];
return NextResponse.json(users);
}
📦 Next.js 14 ва “App Router” ба шумо имкон медиҳад, ки SSR, ISR ва API-ро ҳамзамон истифода баред.
Ин маънои онро дорад, ки шумо метавонед як платформаи пурра (full-stack) созед — бе Express ё NestJS!
132 · Abdulloh Olimov
🔥 Хатогиҳои маъмул миёни Junior-ҳо
Дар таҷриба бисёр Junior-ҳоро дидаам, ки аз рӯи сабаби камтаҷрибагӣ чанд хатогиҳои маъмул мекунанд. Ин хатоҳо табиӣ ҳастанд, вале агар одам барвақт фаҳмад — хеле тез тараққӣ мекунад.
Маъмултарин хатогиҳо инҳоянд:
Library-ҳои навро бе зарурат истифода мебаранд.
Хоҳад React бошад, Nest ё Node — аввал кушиш кунед чизро бо код ҳал кунед. Library танҳо вақте лозим мешавад, ки воқеан вақтро сарфа кунад.
Кодро аз ҳад мураккаб менависанд.
Яъне як чизро бо 10 қатор ҳал мекунанд, ки аслан бо 2 қатор мешавад. OOP, pattern ё abstraction-ро дар ҷое истифода мебаранд, ки лозим нест.
Пеш аз Google пурсидан, мустақилона таҳқиқ намекунанд.
"Error шуд — ChatGPT пурсидам."
Вале Junior бояд аввал error-ро хонад, фаҳмад, баъд ҳал кунан ва омӯзад. Google – дӯсти аввал аст.
Codebase-ро намехонанд.
Лоиҳа ба дасташ мерасад ― лекин аввал README ё структураи лоиҳаро намебинад. Дар натиҷа 2 рӯз вақти беҳуда сар мешавад.
Аз савол додан метарсанд.
Фикр мекунанд, ки савол "аҳмақона" мебарояд. Аммо савол надодан — хатои калонтар аст. Ҳеҷ касро савол додан шарманда намекунад.
Version control-ро дуруст истифода намебаранд.
Branch-ҳои нодуруст, commit message-ҳои нофаҳмо, push-и файлҳои нолозим.
Copy-paste аз StackOverflow бе фаҳмидан.
Ин чиз баъдтар лоиҳаро вайрон мекунад. Код бояд фаҳмида шавад — на танҳо кор кунад.
❓ Шумо дар таҷриба кадом хатоҳоро бештар дидаед?
Шояд чизе ҳаст, ки ман фаромӯш кардам? Нависед, ҷолиб аст.
162 · Abdulloh Olimov
Фотография
🎨 Создавайте умных агентов с Craft Agents
Craft Agents — это мощный инструмент для работы с агентами, предлагающий интуитивный интерфейс и поддержку множества API. Он позволяет управлять сессиями, интегрироваться с различными сервисами и настраивать рабочие процессы без необходимости в коде.
🚀Основные моменты:
- Многофункциональный десктопный клиент с управлением сессиями
- Интеграция с 32+ инструментами Craft и REST API
- Гибкая система разрешений и динамическое управление статусами
- Поддержка фоновых задач и визуализация инструментов
- Открытый исходный код с возможностью кастомизации
📌 GitHub: https://github.com/lukilabs/craft-agents-oss
127 · Фотография
Cовет💡
Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму внутреннего радиуса + отступы.
140 · Видео
1.6 МБ
1 · 142 · 1.6 МБ
Abdulloh Olimov
💻 Когда Full-stack разработчик занимается только Frontend... 😂
До этого я работал над проектами как Full-stack Developer. И frontend, и backend были в моих руках.
Но сейчас в одном из своих проектов я занимаюсь только frontend-частью, а backend разрабатывает другой человек.
И знаете, что я понял? Работать только с frontend мне, оказывается, скучновато. 😂
Раньше, если нужен был API, я просто писал его сам. Если возникала ошибка, открывал backend и исправлял.
А теперь мой день выглядит примерно так:
😂 «Когда backend будет готов?»
😂 «Сегодня API пофиксишь?»
😂 «Когда этот endpoint заработает?»
😂 «Почему вчера API работал, а сегодня нет?»
Самое интересное, что иногда ты уже знаешь, в чём проблема и как её решить, но всё равно приходится ждать другого разработчика. 😅
И тут я понял одну вещь:
Самое сложное для человека, привыкшего работать Full-stack, не писать код, а ждать, пока кто-то другой его напишет. 😂
Кажется, я начинаю скучать по backend-разработке. 👨💻
Backend-разработчики, без обид! Это просто боль человека, привыкшего делать всё самостоятельно. 🤝
#FullStack #Frontend #Backend #DeveloperLife #Programming
18 ·