Публикации по тагове react

Свързани публикации 'react'

Създайте персонализирана кука за React за проследяване на ширината на прозореца на браузъра (с TypeScript)

Напоследък използвам Custom React Hooks, за да изчистя кодовата си база и това прави чудеса за мен! Успях да преместя толкова много сложен дублиран код в потребителски куки за многократна употреба. В тази статия ще разгледам пример за това как използвах персонализирана кука, за да проследя прозореца на браузъра на моя прозорец в множество компоненти в моето приложение с един ред. Аз съм голям защитник на използването на TypeScript, така че, разбира се, ще използвам TypeScript в моите..

Създайте клонинг на WhatsApp с Next.js Част 12 Рендиране на съобщения

"Програмен код" В последната част можете да видите, че полето за въвеждане не е в долната част, тъй като полето за съобщения все още не е създадено и заема цялото пространство. Така че в тази част ние се фокусираме върху създаването на ‹MessageContainer› и също така изобразяваме някои фиктивни съобщения. MessagesContainer За да направите прост ‹MessagesContainer›, просто създайте това с подложка, равна на 20px, жълто-кафяв цвят на фона и с flex, равна на 1, за да заемете цялото..

Намалете функцията от различен изглед

Забележка: Цялата заслуга за този код на статия, използван в тази статия, е на г-н Раджеш Пилай можете да го намерите в Twitter: @rajeshpillai , Медиум: @rajeshpillai https://www.youtube.com/channel/UCvhIKdT611F_ebrmIbQ9VDQ Наскоро един от моите господине публикува видеоклип в youtube и това ме накара да почувствам, че познаването на нещата е различно нещо и използването им по различни възможни начини е различен начин той е публикувал видеоклип за функцията Reduce и как да я..

Автоматизирано визуално регресионно тестване с React

Кратко ръководство за автоматизирано визуално регресионно тестване с библиотека „ jsdom-screenshot “. Какво е автоматизирано визуално регресионно тестване? По-добре е да видите веднъж, отколкото да чуете сто пъти. Намерих хубав GIF, който красиво обяснява какво е „Автоматизирано визуално регресионно тестване“. Намерено е на страницата Визуални тестове на книга с разкази : Какво ще бъде покрито: Предпоставки; Инсталация; Конфигурация; Първи тест; Множество тестове;..

React Част-1 JSX

1. История 1? Нека започнем с много елементарен код: функция App() { return ‹h1›Здравейте!‹/h1› Тук ‹h1›Здравейте!‹/h1› се счита за JSX и е върнат от функцията App. Следователно, с прости думи JSX е това, което записваме в компонента, за да кажем на React какво искаме да покажем на екрана. Според React Docs JSX просто предоставя синтактична захар за функцията `React.createElement()`. *Забележка: JSX всъщност не се изпълнява в браузъра, защото не е валиден..

Как използвахме React, за да помогнем за подобряване на ефективността на нашия продуктов екип

Един от любимците на фамилията Palatinate Tech е Your Golf Travel ; уебсайт, който е специализиран в голф почивки в Обединеното кралство и по целия свят. Нашата цел е да предоставим актуални цени и цялата необходима информация, от която потребителите се нуждаят, за да вземат решение къде да отидат на почивка. Едно предизвикателство, с което се сблъскахме наскоро, беше количеството пакети, които не бяха заредени динамично, а вместо това бяха твърдо кодирани (твърдо кодирани!) на десетки..

Проекционно картографиране Три js влакна и React

Много проста реализация на проекционно картографиране, направено в React с помощта на glsl шейдъри, работи върху всякакъв тип повърхност, а също и движеща се или въртяща се! Можете да го проверите в следния пясъчник -› https://codesandbox.io/s/czxbw Кратък поглед към сцената, създадена в React: Само с няколко реда код създавам сцената за нашия проект като React компонент: Първо импортирам необходимите библиотеки, CameraHelper от threejs, за да можем да покажем някои gizmos на..