Блог JavaScript

Не секрет, что выбранный технологический стек оказывает существенное влияние на любой IT-проект, ведь от этого зависят и сроки, и качество, и стоимость разработки. В этой статье мы кратко сравним основные Frontend-технологии: Angular, React и Vue.js.

Если мы хотим добавить скрипт на страницу в веб-браузере, мы используем, к примеру, тег: В Node.js для этой цели существует специальная команда: «require». Работает она совсем иначе, поэтому рассмотрим пример.

Если нам надо обеспечить обработку нескольких контролируемых элементов input, мы можем добавить name-атрибут на каждый элемент, позволив функции-обработчику выбрать, что конкретно делать с учетом значения event.target.name. Рассмотрим соответствующий пример:

Создание любого приложения в Vue.js начинается с создания нового экземпляра. Давайте посмотрим, как это работает.

Иногда в процессе работы может возникнуть необходимость скрыть компонент, причем даже в том случае, если он был отрисован другим компонентом. Для этого вместо вывода отрисовки следует вернуть null.

В примере ниже <WarningBanner /> отрисовывается с учетом значения свойства с названием warn. Когда значение свойства равно false, компонент не отрисовывается:

При использовании React для встроенной условной отрисовки элементов можно применять условный JavaScript-оператор условие ? true : false. Давайте посмотрим, как это может выглядеть на практике.

Давайте представим, что вы установили на свой компьютер Node.js и даже запустили первый скрипт. Что дальше? А дальше рекомендуется скачать исходный код Node.js. Зачем это нужно, мы сейчас и поговорим.

В React существует возможность применять переменные в целях хранения элементов. Это поможет разработчику отрисовать по условию часть компонента, при этом оставшаяся часть вывода не поменяется. Рассмотрим, как это работает.

При изучении Node.js рекомендуется использовать официальную документацию, которую можно найти здесь. На упомянутой странице вы без труда получите информацию о нужном модуле. Но есть ряд нюансов, которые стоит знать.

Как известно, React-элементы являются неизменяемыми. Если вы однажды создали элемент, у вас не будет возможности изменить его дочерние элементы либо атрибуты. Можно сказать, что элемент в React -- это как кадр в кинофильме. Продолжая сравнение, скажем, что этот кадр представляет собой пользовательский интерфейс в конкретный момент времени.