Javascript js frontend

​await vs yield на примере Effection 3.0 и React

18 декабря 2023 года вышел релиз Effection 3.0 - типизированная альтернативна async/await на генераторах (Structured Concurrency and Effects for JavaScript).

В статье сравним подходы на генераторах и async/await и расскажу как использовать Effection в React для решения типичных проблем с асинхронным кодом:

- Race condition
- AbortController
- Clean up
- Debounce

#js #react #ru

JavaScript. Что будет выведено в консоль?

Ответ

Sale label

Несколько примеров реализации движущейся этикетки распродажи на чистом CSS.

#css

TypeScript Cookbook

Автор: Stefan Baumgartner
Год издания: 2023

#ts #en

JavaScript. Что будет выведено в консоль?

Ответ

Pagination - Simple Pagination

Симпатичный эффект при переключении страниц, созданный на чистом CSS.

#css

​Как сделать простой мини-календарь, выводящий текущий день?

В этой статье создадим мини-календарь с использованием HTML, CSS и JavaScript. Он будет отображать текущее число месяца, день недели, месяц и год. Вывод названия месяца и дня недели он будет осуществлять на том же языке, на котором отображается браузер.

#js #ru

Custom Radio Buttons

Пользовательские радио-кнопки, выполненные на чистом CSS.

#css

JavaScript. Что будет выведено в консоль?

Ответ

How JavaScript Works

Автор: Jonathon Simpson
Год издания: 2023

#js #en

Замораживание объектов в JS

Давайте познакомимся с рядовым, но не слишком часто используемым методом для объектов в JS - .freeze()

.freeze() предотвращает добавление свойств к объекту, удаление старых свойств из объекта и изменение существующих, что довольно полезно в современной парадигме ООП.

Пример кода:

const obj = {foo: 'bar'};

Перед замораживанием: можно добавить, изменить или удалить свойства

obj.lumpy = 'woof';
delete obj.foo;

Замораживаем

Object.freeze(obj);

Так можно проверить

Object.isFrozen(obj); // === true

Теперь никакие изменения не произойдут

obj.foo = 'quux';

#js

Animated Upload Modal

Анимированная форма загрузки файла, созданная на HTML, CSS и JS.

#js

​Декомпозиция — ваша суперсила

Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики. Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски. Это одно из самых важных качеств хорошего архитектора.

#js #angular #ru

JavaScript. Что будет выведено в консоль?

Ответ

Perlin Noise

Анимация голограммы. Реализована с помощью JavaScript и CSS.

#js