Публикации по теме 'front-end-development'
Как динамически создать класс
Быстрый старт с выражениями классов
В этой статье рассматривается, как создать класс динамическим способом с использованием выражений класса. Это может быть удобно при создании простых классов, используемых для построения объектов для передачи данных.
Рассмотрим, например, следующий класс Todo .
class Todo{
constructor(title, completed){
this.title = title;
this.completed = completed;
}
}
Когда у нас есть класс Todo , мы можем использовать его для создания объектов..
Кнопка возврата в Angular. Сохранить историю маршрута.
Наверное, на каждом веб-сайте есть кнопка «Назад». Как должна работать эта кнопка? В основном, когда мы получаем новый URL-адрес, мы получаем новую страницу, этот URL-адрес сохраняется в истории браузера. Используя эту историю, мы можем двигаться вперед и назад. А как насчет спа-приложений, таких как angular? Большую часть времени в angular у нас есть статический маршрут, но мы меняем внутренний компонент на текущей странице.
Было бы хорошо, если бы на нашем сайте была кнопка..
Создание одного обработчика событий для всех типов ввода в React
Обработчик onChange в React
Недавно я столкнулся с ситуацией, когда мне нужно было больше дюжины входных данных в форме. Установка отдельных обработчиков событий для всех из них привела бы к гораздо более повторяющемуся коду. Вместо этого было бы гораздо лучше иметь только один для всех типов ввода, таких как текст, радио, флажок и т. Д.
В этой статье мы увидим, как установить один обработчик событий изменения для нескольких типов ввода.
Один вход
Давайте создадим текст типа..
Как создавать бессерверные веб-приложения с помощью React и AWS Amplify
AWS Amplify — это клиентская библиотека, набор инструментов CLI и библиотека компонентов пользовательского интерфейса, которые позволяют разработчикам быстро создавать мощные сервисы в облаке и подключаться к ним. В этом посте мы рассмотрим, как создавать полностью бессерверные веб-приложения с помощью React и AWS Amplify с такими функциями, как аутентификация, управляемый уровень данных GraphQL, хранилище, лямбда-функции и веб-хостинг.
Amplify включает такие функции, как управляемый..
Почему JavaScript может быть функциональным языком программирования для упрощения вашего кода
Что общего у JavaScript с парадигмой функционального программирования
Функциональное программирование (FP) стало очень популярным в последнее десятилетие веб-разработки. Благодаря множеству библиотек и фреймворков ( LoDash , RamdaJS , React и Redux , Angular и NGRX ) JavaScript получил отличные черты FP.
Но термин FP почти так же стар, как и само программирование, и поэтому существует довольно давно. LISP , второй по возрасту язык программирования, все еще используется...
Как преобразовать наборы в массивы
Array.from , оператор спреда и др.
Наборы - это наборы уникальных значений.
Массивы - это наборы значений.
В этой статье рассказывается, как преобразовать наборы в массивы.
Использование утилиты Array.from
Array.from создает новый массив из объекта, подобного массиву или повторяемого объекта.
Набор представляет собой итеративную коллекцию, поэтому мы можем использовать утилиту Array.from для преобразования его в массив.
const set = new Set(['A', 'B', 'C']);
const arr..
Что такое IIFE в JavaScript?
Что такое IIFE в JavaScript?
Узнайте, что такое выражение немедленно вызываемой функции, за пять минут или меньше!
Услышав термин "Выражение немедленно вызванной функции " (также известный как IIFE ) и внезапно почувствовав себя мусором из-за непонимания, также совершенно нормально, потому что языки программирования часто переполнены элитарными терминами, чтобы вещи казались более сложными, чем они есть на самом деле.
Также совершенно нормально не знать, в чем разница между..