Свързани публикации 'react'
Как да мигрирате към 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.
Освен това можем да създадем наши собствени кукички, което може да бъде много полезно, ако използваме повторно определена кукичка в много..
JavaScript localeCompare() Метод: Текущ локал за ред на сортиране
Методът localeCompare() в JavaScript се използва за сравняване на два низа в текущия локал. Този метод връща числова стойност, която показва позиционирането на референтен низ спрямо предоставения низ по отношение на реда на сортиране.
Ако не разбирате горното определение, не се притеснявайте. Ще разберете концепцията, след като прочетете следния пример.
По-долу са възможните върнати стойности на метода localeCompare() :
-1 — Референтният низ идва преди дадения низ в реда на..
Нови материали
Как да започна да чета всеки ден?
Как да започна да чета всеки ден?
Научете се да създавате навик за ежедневно четене.
Вероятно сте чували, че успешните хора четат много. Някои казват, че четат повече от 100 книги на..
Разговорен AI: какво представлява и как работи
Селия Сердейра от Talkdesk обяснява как разговорният AI управлява инструменти на контактния център като виртуални агенти и чатботове. Той използва машинно обучение (ML) и обработка на..
Работа с Hebbian Learning част 2 (машинно обучение)
Моделиране и контрактивност на невронно-синаптичните мрежи с Hebbian Learning (arXiv)
Автор: Вероника Ченторино , Франческо Було , Джовани Русо
Резюме: Този документ се занимава с..
Как да обедините речници в Python
Три стратегии за консолидиране на речници
Обединяването на данни - често наричано операция за обединение - е често срещана задача в програмирането. Когато става въпрос за обединяване на..
Локално разсъждение в Swift
Локално разсъждение в Swift
Swift е невероятно изразителен и мощен език за програмиране. Ще проучим някои от езиковите функции на Swift, които могат да направят вашия код по-лесен за четене...
10 умопомрачителни C# хакове
Здравейте! Като страстен разработчик на C#, аз винаги съм търсил начини да подобря уменията си за кодиране. Вълнувам се да споделя с вас някои умопомрачителни хакове и прозрения, които ми..
Electron с база данни Sqlite3
Electron е рамка за изграждане на междуплатформени настолни приложения с HTML, CSS JavaScript. Electron е написан на C++, Javascript, Objective C, Python и т.н. Днес Electron е супер готин и..