Свързани публикации '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 — Референтният низ идва преди дадения низ в реда на..
Нови материали
Локално разсъждение в Swift
Локално разсъждение в Swift
Swift е невероятно изразителен и мощен език за програмиране. Ще проучим някои от езиковите функции на Swift, които могат да направят вашия код по-лесен за четене...
10 умопомрачителни C# хакове
Здравейте! Като страстен разработчик на C#, аз винаги съм търсил начини да подобря уменията си за кодиране. Вълнувам се да споделя с вас някои умопомрачителни хакове и прозрения, които ми..
Electron с база данни Sqlite3
Electron е рамка за изграждане на междуплатформени настолни приложения с HTML, CSS JavaScript. Electron е написан на C++, Javascript, Objective C, Python и т.н. Днес Electron е супер готин и..
Системи за препоръчване в машинното обучение
Какво представляват двигателите за препоръки?
Това е най-мощното и полезно приложение на технологията за машинно обучение в бизнеса. Тези дни. Днес всеки голям гигант като Google, Amazon,..
Топ 5 Python IDE / текстови редактори
Какви IDE на Python трябва да гледам?
1. Pycharm
Традиционният пълноценен редактор за Python от JetBrains.
PyCharm предоставя широк набор от основни инструменти, тясно интегрирани за..
Извличане на данни от API — част 2
Научете как можете да филтрирате филми въз основа на различни категории.
Моля, вижте предишния урок (Част 1) : Как да извличам данни от истински API — React / JS..
Как да предотвратите влизането на някой от вашата кодова база
// TLDR
TypeScript добавя статично въвеждане към JavaScript, улавяйки грешки като препращане към променливи извън обхвата или извикване на функции с грешни аргументи. Той е несъвършен и има..