Блог JavaScript → Полезные материалы по JS | OTUS
Скидка до 15% на курсы ноября, декабря и января
❄️ До 13.12 Забрать скидку! →
Выбрать курс
Выбираем технологический стек: Angular, React или Vue.js?

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

Команда require в Node.js

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

Обрабатываем несколько полей ввода в React.js

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

Предотвращение отрисовки компонента в React

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

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

Встроенный оператор if-else с тернарным оператором

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

Зачем нужны исходники Node.js?

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

Отрисовка по условию: переменные элементы

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

Градация степеней стабильности модулей в Node.js

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

Обновление отрисованного элемента в React

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

Популярное
Сегодня тут пусто
Новогодние скидки в Otus!-15% ❄️
Успейте забрать свою скидку до 13.12 →