Suspense API в React

Suspense API работает в сочетании с "ленивыми" компонентами приложения для того, чтобы пользователи могли видеть альтернативный контент в момент того, как происходит загрузка медленного компонента. Все подробности по ссылке.

👉 @sWebDev

Визуальное объяснение операторов RxJS

По ссылке подробный обзор всех актуальных операторов библиотеки RxJS.

👉 @sWebDev

Избегайте ошибок в React!

В статье рассмотрим, как популярные, так и редкие ошибки, которые можно допустить при использовании React.

👉 @sWebDev

Ember.js

Достаточно известный JavaScript-фреймворк для разработки клиентской части веб-приложений.
Познакомиться с его возможностями можно по ссылке.

👉 @sWebDev

Временная шкала на GSAP

В статье рассмотрим, как создать прокручиваемую и отзывчивую шкалу с применением библиотеки GSAP.

👉 @sWebDev

Clipboard.js

Библиотека, позволяющая взаимодействовать с буфером обмена. Буквально две строки в HTML, а всё остальное сделает за вас библиотека, все подробности в репозитории по ссылке.

👉 @sWebDev

Ember.js vs Vue.js

Использование фреймворка определяет скорость и уровень сложности создания приложения. Таким образом, для достижения успешного результата необходимо выбрать лучший вариант для конкретной ситуации. Рассмотрим сравнение Ember.js и Vue.js.

👉 @sWebDev

Aurelia

"Аурелия - это просто JavaScript. Однако, не вчерашний JavaScript, а JS завтрашнего дня. Используя современный инструментарий, мы смогли написать Aurelia с нуля в ECMAScript 2016". Примерно так пишут о себе создатели данной библиотеки, а узнать все подробности можно по ссылке.

👉 @sWebDev

Организация компонентов React с помощью dot-notation

Компонентный подход является основополагающим при создании приложений с помощью react. Компоненты - это главные строительные блоки, которые в своей композиции помогают реализовать сложные системы. Изучим один из паттернов организации сложных react-компонентов, его сильные и слабые стороны.

👉 @sWebDev

Скролл-анимация на Three.js

Создаем анимацию, привязанную к скроллу, с использованием библиотеки Three.js.

👉 @sWebDev

+1 в копилку полезных каналов о фронтенде

С Senior Frontend стартовать в айти намного проще:

• готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen

• лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях

• тесты и опросы для тех, кто не запоминает сухую инфу

Сохраняйте: @seniorFront

Быстрое руководство по Sapper и Svelte

Исследовав Svelte.js, можно убедиться, что на нем можно писать по-настоящему реактивные приложения, но при этом обходиться значительно меньшим количеством кода, чем при использовании других фронтенд-фреймворков. В то время, как можно создавать довольно сложные приложения при помощи одного только Svelte, код такого приложения быстро может прийти в беспорядок, поэтому стоит познакомиться с Sapper! Рассмотрим Sapper, продемонстрируем, как с его помощью писать полнофункциональные и легковесные приложения, а также детально разберем приложение для рендеринга на стороне сервера.

👉 @sWebDev

Angular слайдер

В статье поговорим про одно из таких решений — написание Angular-компонента Slider с помощью встроенных инструментов браузеров и с минимальным использованием Javascript. Рассмотрим доступность, интересное решение с многослойным градиентом, немного CSS-хитростей и даже Change Detection в Angular.

👉 @sWebDev

CountUp.js

CountUp.js - JavaScript библиотека без зависимостей, которую можно использовать для создания анимаций вывода числовых данных.

👉 @sWebDev

Мультиязычный редактор кода на React

По ссылке доступно руководство по созданию собственного редактора кода с применением React и поддержкой более 40 языков.

👉 @sWebDev

Fresh

Fresh – новый full stack фреймворк для Deno. Fresh позиционируется как современный фреймворк на TS/JS, спроектированный для легкого создания высококачественных и производительных веб-приложений. Узнать весь функционал можно в обзоре по ссылке.

👉 @sWebDev

Какое расстояние от земли до луны? 🌚

Странный вопрос, но еще страннее - то, что его иногда задают разработчикам на собеседованиях.

Меня зовут MAX(), я - кот-ревью. Если ты находишься в поиске работы, то у меня для тебя крутые новости.

Тут я собрал кучу разных интересных кейсов и историй по то:

👉 Как сделать так, чтобы тебя начали звать на собеседования?

👉 Откуда брать опыт для резюме, если его нет?

👉 Что делать, если валишься на собеседованиях и не можешь получить оффер?

👉 Насколько стало сложнее искать работу с марта 2022 года?

Все это с примерами и пояснениями!

Если хочешь преисполниться в своих познаних, то залетай ко мне — буду тебя ждать 😉

Использование SVG в React

SVG-изображения можно вставлять непосредственно в html код, можно использовать символьные спрайты, теги <img>, <object> и даже <iframe>. Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством способов. Но чтобы полноценно использовать всю суперсилу SVG, необходимо вставлять SVG-изображения непосредственно в html-разметку. Но, есть еще один удобный способ, о нем и поговорим в статье.

👉 @sWebDev

Node.js: использование веб-потоков. Часть 1

Веб-потоки (web streams) — это стандарт для потоков (streams), который поддерживается всеми основными веб-платформами: веб-браузерами, Node.js и Deno. Потоки — это абстракция для чтения и записи данных последовательно, небольшими частями из любого вида источника — файлов, данных, находящихся на сервере, и т.д. В данной статье рассматриваются веб-потоки в Node.js, но то, о чем мы будем говорить, применимо к любой поддерживающей их платформе.

👉 @sWebDev

Bun

Bun — среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm. Ознакомиться со всем функционалом можно по ссылке.

👉 @sWebDev