Публикации по теме 'react'


Анимация в одностраничном приложении - без навороченных библиотек
Сцена веб-разработки кардинально изменилась за последние несколько лет. Современные веб-разработчики имеют доступ к множеству библиотек и фреймворков JavaScript, таких как React.js, Angular и Vue.js, которые ускоряют разработку сложных веб-приложений. Хотя я большой поклонник современных фреймворков JavaScript, я не могу не чувствовать, что мы начинаем упускать из виду фундаментальные концепции. Когда дело доходит до создания анимации в веб-приложении, у нас есть много вариантов...

Мой опыт работы в RHOSC
В этой статье описывается моя работа и опыт участия в Red Hat Open Source Contest- RHSOC 2020. Был февраль, и я только начинал знакомиться с ReactJS. Вскоре после этого я сделал простое веб-приложение, которое было не чем иным, как простым секундомером , который я выбрал, предполагая, что нет ничего проще, чем применить основы. Я использовал ReactJS, чтобы сделать это, и я помню часы, которые потратил на создание простого приложения. Мои выходные были полностью поглощены этим. Но я..

React.js: виртуальный DOM
Почему виртуальный DOM Манипуляции с DOM - это ключ к представлению интерактивных веб-браузеров, которые работают слишком медленно по той причине, что большинство фреймворков Javascript обновляют DOM больше, чем нужно. Чтобы подробно объяснить, если дерево DOM состоит из шести узлов и изменения вносятся в один узел, все дерево перестраивается, при этом остальные пять узлов восстанавливаются точно так, как они были раньше. Добавление и удаление узлов DOM занимает не намного больше..

E2E-тестирование с Nightwatch: Часть вторая
Добро пожаловать во вторую часть учебника E2E Testing with Nightwatch. В этой части мы напишем реальные тесты для React TodoMVC App . Первую часть читайте здесь . Эта часть заимствована из тестов на g00glen00b . Исходный код можно найти здесь . Написание первого теста В корне каталога проекта создайте новый каталог с именем tests . Это имя папки соответствует значению свойства src_folders в файле nightwatch.json . В Nightwatch все тесты представляют собой модули..

События ReactJS: «Объединение», «Обнуление» и event.persist ()
Синхронизация против асинхронной Во-первых, нам нужно установить разницу между синхронным протоколом выполнения кода и асинхронным протоколом выполнения кода в JS. Когда некоторый код является синхронным, он «синхронизирован» с кодом, выполняемым до и после него: он будет полностью выполнен непосредственно после завершения выполнения предыдущего шага в программе и до любого следующего шага. Когда некоторый код является асинхронным, он «не синхронизирован», он не следует этому..

Функциональное программирование на JavaScript
Что такое функциональное программирование? Что он предлагает? Давайте поговорим о простом способе написания функций. Функции выполняют определенный набор действий в соответствии с нашими требованиями, которые могут включать выборку данных, обновление состояния, изменение набора изменяемых значений и обновление DOM и так далее. А затем наша база кода становится все больше и больше, и после определенного момента нам приходится разбираться с ошибками. А-а-а! Исправление ошибок в..

Вам действительно нужно использовать React.js?
Подходит ли React для начинающих? Фото Доменико Лойя на Unsplash Некоторое время назад я начал открывать реакцию, Тогда я мало что знал об этом, но слышал, что реакция потрясающая. Через некоторое время я могу сказать, что знаю намного лучше о том, как работает реакция, и что такое реакция в целом. Действительно ли React так хорош? Мне очень нравится реагировать, как человеку, который программирует на питоне, мне понравилось, что каждый элемент может быть объектом,..