Свързани публикации 'react'
Next.js Firebase v9: Откриване на зона за въвеждане
Част 8: Използване на React useRef за проверка дали потребителят иска да актуализира или добави нова задача.
Видео уроци и Изходен код
За да определим дали потребителят е кликнал върху областта за въвеждане или не, трябва да използваме useRef , така че го импортираме.
import { useContext, useEffect, useRef, useState } from "react";
const inputAreaRef = useRef();
Свързваме inputAreaRef към формата за въвеждане.
<div ref={inputAreaRef}>
<TextField..
Как да мигрирате към material-ui 5 бързо ръководство
Material UI стартира своята версия 5 наскоро. официално ( mui )
И какво??
Време ли е да мигрирате сега?
Бих казал, че все още е рано да се каже така. Но винаги е най-добре да надстроите до най-новите версии на библиотеките. И така, ето ръководство, което ще ви помогне да преместите форма @material-ui в @mui.
За да настроите MUI 5, ще трябва да инсталирате тези пакети. @mui/material @emotion/react @emotion/styled .
// with npm
npm install @mui/material @emotion/react..
Създаване на лента за прогрес на четене в React
Лентите за напредъка на четенето, като този, който можете да намерите в моя блог в горната част на единични публикации, са хубаво малко допълнение за предоставяне на подробна информация за това докъде е напреднал читателят в текущата публикация. Лентата за превъртане не е многозначителна в това отношение; включва цялата ви страница, което означава, че заглавката, коментарите, долният колонтитул и т.н. са част от индикацията.
Създаването на лента за прогрес на четене, която ви казва..
Настройване на Tailwind CSS във вашия проект React
Това е бърз урок за това как можете да настроите Tailwind CSS за вашия React проект.
Стъпка 1: Създайте своя проект
$ npx create-react-app project-name
$ cd project-name
Стъпка 2: инсталирайте зависимостите на tailwind
# Using npm
$ npm install tailwindcss --save-dev
# Using Yarn
$ yarn add tailwindcss --dev
Стъпка 3: Настройте PostCSS и Autoprefixer
Изпълнете следната команда, за да създадете файл tailwind.js с конфигурацията по подразбиране на tailwind
$ npx tailwind..
Ако искате само добрите части (точки + примери), отворете уеб инспектора и добавете:
Ако искате само добрите части (точки + примери), отворете уеб инспектора и добавете:
p {
display: none;
}
Tal Kol трябва да обмислите сумирането на точките в долната част за справка.
Създайте градиентна диаграма с инструмента за избор на времева рамка в React
Ако искате да създадете Диаграма със статистически данни на Google Анализ с градиентен цвят и инструмент за избор на времева рамка (падащо меню) , която ви позволява да превключвате между различни времеви рамки и да показвате персонализирани статистики, това е, което ще вградим тази статия.
В тази статия ще изградим компонент за диаграма на React за многократна употреба, използвайки „recharts“ за показване на статистики за анализи и падащо меню, което ще ви позволи да превключвате..
Как да създадете персонализирана кука „useInput“ в React-Native
За моите по-нови React-Native проекти свикнах да използвам куки. Куките са фантастична функция на React/React-Native, която ни позволява да използваме State във функционални компоненти, освен това ни позволяват да изпълняваме различни функции в нашето приложение в зависимост от това коя кука използваме, като useState, useRef, useEffect и useContext.
Освен това можем да създадем наши собствени кукички, което може да бъде много полезно, ако използваме повторно определена кукичка в много..
Нови материали
Създайте разширение за Chrome с помощта на Angular
Този урок е базиран на манифеста на разширението на chrome версия 3 (MV3), а също и на Angular версия 2+ (2, 3 и...). Ако не сте използвали манифест версия 3, можете да следвате този урок ,..
За да научите нов език за програмиране, започнете отначало
Първоначално публикувано на http://www.mberlove.com/blog/a-new-programming-language-starting-over/
Програмистите се гордеят със способността си да усвояват лесно нови умения , разчитайки..
5 Youtubers на Data Science, които трябва да следвате
Защото всички можем да се справим с малко продуктивно отлагане
Всички сме падали в заешката дупка на Youtube, така че защо да не я направим продуктивна?! Като непрекъснато нарастващ източник..
Бих казал, че точно това е проблемът с Twitter — това е инструмент на суперпотребител.
Бих казал, че точно това е проблемът с Twitter — това е инструмент на суперпотребител. По същия начин, по който суперкодерът сочи vim като единствения начин за кодиране, но останалите от нас..
Основи на Gradio
Gradio е най-ефективният метод за демонстриране на вашия модел на машинно обучение и разполага с удобен за потребителя онлайн интерфейс, който го прави достъпен от всяко място.
Какво прави..
Илюстрация (GIF) за обяснение на дълбоки конволюционни мрежи (DCNN)
В света на компютърното зрение най-основният и често срещан алгоритъм за разпознаване на изображения е конволюционната мрежа. С популярността на рамки като tensorflow и pytorch, стана по-лесно да..
Python Bootcamp — Data Science Day 165
Python Bootcamp от Giles McMullen-Klein беше абсолютно невероятно. Джайлс има този уникален начин да улови аудиторията си, като същевременно прави съдържанието на курса много интересно...