JavaScript. Страница 24

Клон Doom в 13 КБ JavaScript: Николас Карлини об опыте разработки игры для соревнования js13k в переводе на Хабре → https://habr.com/p/506912/

​​Midori - JavaScript библиотека для создания анимированных фонов

#jslib #javascript #frontend #webdev

NextAuth – библиотека для авторизации в Next.js приложениях

Поддерживает такие базы данных как PostgreSQL, MongoDB и др. (также можно и не использовать бд)

Можно использовать либо JWT, либо БД для сессий

Интеграция с любым OAuth сервисом (Google, Twitter, Github и т.д.)

Все куки подписанные, защищённые CSRF и работают только на сервере

#javascript #frontend #webdev #nextjs #auth #react

Переход на ассинхронность во Vue 3 с помощью Suspense

#webdev #javascript #frontend #jsarticle #vue

22-26 июня состоится онлайн-конференция для JavaScript-разработчиков HolyJS 2020 Piter.

Что будет: технические доклады, интервью, развлекательные подкасты, ток-шоу и дискуссии со спикерами. А ещё вы можете принять участие в активностях партнеров и, скорее всего, выиграть классные призы.

Среди спикеров — авторы опенсорс-библиотек, участники команд Vue.js, Node.js, GraphQL-эксперты, разработчики сложных высокопроизводительных систем:
— Charlie Gerard: Senior Frontend Developer в Netlify, GDE в веб-разработке, Mozilla Tech Speaker.
— Damian Dulisz: участник core-команды Vue.js, Lead Frontend Engineer в Coursedog, автор нескольких опенсорс-библиотек (vue-multiselect, vuelidate and vue-global-events).
— David Nolen: создатель ClojureScript — реализации языка Clojure с компиляцией в JavaScript.
— Ken Wheeler: автор и участник многочисленных проектов OSS, в частности, Slick Carousel и Webpack Dashboard, ведущий Undefined podcast.
— Önder Ceylan: GDE в веб-разработке, Tech Lead в LINKIT.

Билет со скидкой по промокоду weusejs2020pc: http://bit.ly/3cOAecw

​​Вычисляемые типы в TypeScript

#typescript #jsarticle

Распознавание лиц на React

#react #frontend #webdev #jsarticle #javascript #facerecognition

Система иконок в React приложениях

#frontend #javascript #webdev #react #jsarticle

​​Zombie - fullstack фреймворк для headless тестов, использующий Node.js

Не требует браузера для запуска тестов, вместо этого он использует его симуляцию

#testing #javascript #webdev #jstools #frontend #fullstack #headless #nodejs

Swiper - современный слайдер, заточенный под мобильные устройства

Особенности:
Оптимизированные (hardware accelerated) анимации
Ее привязан к фреймворку
Нацелен на современные устройства -> минимальное количество легаси кода
Основан на Flexbox
Ленивая загрузка изоражений
Поддержка RTL

#jslib #javascript #frontend #webdev

Мы нашли для вас канал с уникальным код-контентом @opensourcefuture

На канале ежедневно выходят подборки интересных проектов со ссылками на github-репозитории и статьями от их авторов.

Нам будет очень приятно, если все вы, как и мы, поддержите и подпишитесь на канал 👇
https://t.me/opensourcefuture

​​Poi - простой и удобный сборщик, основанный на Webpack

По опыту использования близок к Parcel, но т.к. Poi основан на Webpack, есть возможность использовать webpack плагины, что делает бандлер более универсальным и мощным, чем Parcel или Webpack по отдельности

#javascript #frontend #webdev #jstools

​​Formee - библиотека для расширения функционала <form> тега в HTML

Весит всего 532 байта, совместима с любой UI библиотекой (React, Vue и т.д.)

Содержит в себе два метода - сериализация и валидация

#webdev #javascript #frontend #jslib

​​Shiki - библиотека для подсветки кода в HTML страницах

Использует грамматику из TextMate и темы из VS Code

#webdev #javascript #backend #jslib

​​Nexo - экспериментальный веб фреймворк

Основан на Deno и Preact (легковесная альтернатива React)

Находится в активной разработке

Из фишек:

HMR (hot module replacement)
Preact SSR (серверный рендеринг)
Вывод серверных и клиентских ошибок в браузер
Автоматическая сборка

#preact #frontend #react #webdev #jslib #javascript

Создание собственного React хука для обнаружения мобильных устройств

#jsarticle #frontend #javascript #react #hooks #webdev

​​Sosse - Dev server для Node.js

Можно назвать альтернативой nodemon

Главное преимущество - сервер сохраняет состояние в памяти при изменении кода

#backend #javascript #nodejs #jslib

​​Renature - библиотека для анимаций в React

Вдохновлена законами физики

Фичи:

Контроль анимаций с помощью хуков
Высокая производительность

#jslib #animation #react #frontend #webdev #javascript #reasonml