#foydali
Sizlar uchun jamoa bilan online "e-tasbeeh" nomli tasbex yaratdik. Tasbex tortirshni bilmaydiganlar ham o'rganib olishlari mumkun🌝
P.S. Oson ko'ringani bilan, ancha ish yotibdi😅
👨💻Shakhzod, Sirojiddin va XursandDev#react
🔗Do'stlaringizga "forward" qilishni unutmang, zero ular salovat aytsa savobi sizga ham bizga ham inshaAlloh tegadi degan umiddamiz😇
👉e-tasbeeh
#python#docker#react#webDevelopment
😎
React and Django A Practical Guide with Docker
In Django you will learn:
How to create APIs with Django Rest Framework
Use Docker
Create protected routes
Login with HttpOnly Cookies
Use APIViews, ViewSets, Generic API Views
Authorize users for different routes
Upload Images
Export CSV files
In React you will learn:
Create a React project with Typescript
Use Docker
Use Redux
Create public and private routes
Restrict routes for unauthorized users
Upload Images
Export CSV’s
Build a chart with c3.js (part of d3.js)
🔗Link
-----
Main channel:@repo_science
Coupons:@freecoupons_reposcience
-----
https://gist.github.com/Yogendra0Sharma/5aa96ebfd0854623a5451c53672088d5
Guide on how to create and set up a Dockerized web app using #Django REST APIs and #React
#docker
Animatsiyalar bilan ishlashga Nextjs uchun yaxshi UI package ekan. Tailwind css ga moslangan ekan.
https://ui.aceternity.com/
#react#next#package
☑️@valisherbotirov
Real loyihalarda malumotlarni qidirish search fungsiyasidan ko'p foydalanamiz. Aksar hollarda qidiruv fungsiyasini search inputning change xossasiga bog'lab ketiladi. Natijada input necha marta o'zgarish bo'lsa bir vaqting o'zida qidiruv fungsiyasi ham shuncha marta ishlab serverga ham shuncha marta request jo'natiladi.
Bu esa best practices emas. Ko'p miqdorda jo'natilgan so'rovlar serverga yuklamani kuchaytirib yuborishi mumkin. Bunda hollarsa nima qilinadi?
Input o'zgarganda serverga jo'natiladigan so'rovlarni debounce kabi fungsiya bilan tartibga solib ketish ancha foydali usul.
Quyida React / TypeScript uchun debounce fungsiyasi custom hook holiga olib chiqilgan.
import {useState, useEffect} from 'react';
export default function useDebounce(value: string, delay: number) {
const [debouncedValue, setDebouncedValue] = useState(value);
useEffect(
() => {
const handler = setTimeout(() => {
setDebouncedValue(value);
}, delay);
return () => {
clearTimeout(handler);
};
},
[value, delay]
);
return debouncedValue;
}
#react#debounce#code
☑️@valisherbotirov
#javaScript#react#api
🛠
Building News Website with Javascript, React, and News API
Bienvenido al sitio web de noticias Building & Monetizing con Javascript, React y News API. Este es básicamente un extenso curso basado en proyectos en el que se lo guiará completamente paso a paso sobre cómo construir un sitio web de noticias utilizando el lenguaje de programación Javascript junto con otras herramientas de soporte. Este curso consta de dos aspectos principales, el primero es el aspecto técnico que lo capacitará desde la perspectiva del desarrollador web sobre cómo construir un sitio web de noticias en pleno funcionamiento, mientras que el segundo aspecto es el aspecto comercial donde aprenderá desde la perspectiva de los negocios, aprenderá múltiples estrategias para monetizar su sitio web de noticias.
🔗Link
-----
Main channel: @repo_science
Coupons: @freecoupons_reposcience
-----
⚪️ Oq USB portlar – bu eski USB 1.0 yoki 1.1 standartidir. Ular 12 Mbit/s tezlikda ma'lumot uzatadi, bu hozirgi zamonaviy texnologiyalar uchun juda sekin. Lekin bu portlar hali ham ba'zi eski qurilmalarda uchrashi mumkin.
⚫️ Qora USB portlar ko‘proq USB 2.0 standarti bilan bog‘liq. Bu portlar 480 Mbit/s gacha bo‘lgan ma'lumot uzatish tezligiga ega, ya'ni USB 3.0 dan ancha sekinroq. Oddiy vazifalar, masalan, klaviatura yoki sichqoncha ulash uchun yetarli.
🔵Ko'k USB port – bu USB 3.0 texnologiyasini anglatadi. Ushbu turdagi portlar 5 Gbit/s gacha bo‘lgan tezlikda ma’lumot uzatishga qodir. USB 2.0 dan ko‘ra ancha tezroq va katta hajmdagi fayllar bilan ishlash uchun ideal.
🟢 Teal (yashil-ko‘k) rang esa USB 3.1 Gen 2 yoki USB 3.2 standarti bilan bog‘liq bo‘lib, u 10 Gbit/s tezlikni ta’minlaydi. Bu yuqori sifatli va katta hajmdagi fayllarni uzatish uchun ideal portlardan biri hisoblanadi.
🔴🟡 Qizil yoki Sariq (Charger yoki Always-On) - bu portlar odatda doimiy kuchlanish ostida bo‘ladi va qurilmalar kompyuter o‘chiq bo‘lsa ham quvvat olishi mumkin. Telefoningizni quvvatlash uchun juda qulay.
💡 Endi siz USB portlarining ranglariga qarab ularning imkoniyatlarini osongina ajrata olasiz!
Post foydali bo'lgan bo'lsa @hashtaguz sahifamizga boshqa tanishlarni ham taklif qilib, LIKE bosib qo'yarsiz.
➡️#foydali#usb | Birinchi raqamli IT-Blog
👨💻CSS Grid bilan ishlash uchun juda foydali xizmat!
Veb-sayt uchun Grid setkasini vizual yaratib, darhol tayyor CSS-kodini olib ketishingiz mumkin.
Qanday ishlaydi?
Qatorlar (row) va ustunlar (column) sonini, hamda ular orasidagi masofani (gap) belgilaysiz. Keyin esa hosil bo'lgan setka ichida div bloklarni sichqoncha bilan o'zingizga kerakli shaklda chizib joylashtirasiz, tayyor!
➡️ Saytga o'tish: CSS Grid Generator
Frontend bilan ishlaydigan do'stlarga tashlab qo'yamiz, kod yozish vaqtini ancha tejaydi!
#foydali#css#frontend
💻@dasturlash_hayoti— dasturchilar hayoti va IT memlari aralash kanal😉