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

Короче, вот вам архивы с платными книгами, иначе так не выучите ни один язык:

📚 Полка Разработчика
📖 Кладовая Книг

🚽 IT Memes — тут чисто поржать, пока компилятор там возится;

🗞 3D News — актуальные новости IT-индустрии на случай, если мемы надоели.

Сохраняй, пригодится

Vue's watch vs watchEffect

В статье обзор и наглядное сравнение Vue's watch и watchEffect. Изучаем особенности и специфику применения. Все подробности по ссылке.

👉 @sWebDev

Barrel export для организации React компонентов.

В статье рассматриваем как использовать barrel export для организации React компонентов.

👉 @sWebDev

PureMVC

Фреймворк, основная цель которого состоит в разделении интересов создаваемого кода. Суть кроется в названии, MVC — Model, View и Controller. Узнать все подробности можно в статье по ссылке.

👉 @sWebDev

Тестирование компонентов React

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

👉 @sWebDev

Приложение с записками на React

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

👉 @sWebDev

Push.js

Ищете хорошее руководство и инструмент по реализации push-уведомлений? Познакомьтесь с библиотекой Push.js. Понятный интерфейс, доступная документация - это лишь несколько плюсов данной библиотеки.

👉 @sWebDev

6 проверенных методов повышения безопасности Node.js

Node.js широко используется в вебе и мобильных клиент-серверных приложениях. К сожалению, востребованность Node.js заставила злоумышленников искать новые лазейки к неправильным конфигурациям и уязвимостям. На разработчиках лежит ответственность за безопасность и защищенность от хакерских атак. Узнать о проверенных практиках повышения безопасности приложений Node.js можно в статье по ссылке.

👉 @sWebDev

Совместное использование компонентов React с Webpack 5

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

👉 @sWebDev

React Virtualized

Библиотека React Virtualized помогает повысить эффективность рендеринга больших списков и табличных данных. Она позволяет ограничить количество запросов и элементов DOM и повышает общую производительность приложений React. Существует множество инструментов, похожих на React Virtualized, но что выгодно отличает эту библиотеку от конкурентов, так это количество функциональных возможностей и отличная поддержка.

👉 @sWebDev

Книжный магазин на React 18, Vite, Netlify и Nightwatch

По ссылке руководство по созданию приложения для книжного магазина, с применением стека: React 18, Vite, Netlify и Nightwatch.

👉 @sWebDev

Todo-приложение на React

Рассмотрим, как с нуля создать приложение Todo (список дел) с помощью React. Это будет базовое приложение с полем для ввода Todo и кнопкой рядом с каждым элементом, предназначенной для его удаления.

👉 @sWebDev

Змейка из чекбоксов с Checkboxland

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

👉 @sWebDev

Theatre.js

Theatre.js — библиотека анимации JavaScript. С её помощью можно анимировать DOM, WebGL, а также любую переменную JavaScript. 2D, 3D, анимация клавиш и создание переходов.

👉 @sWebDev