Обложка канала

JavaScript. Страница 13

3716 @we_use_js
Открыть

Статьи, видео, книги по JavaScript и веб-разработке в целом.

  • JavaScript

  • JavaScript

    ​​Reno - простой, минималистичный роутер для использования вместе с std/http

    Reno не является фреймворком по типу Express. Reno только содержит в себе роутер и ф-ции для форматирования запросов (send / json)

    Reno используется вместе с std/http, где объект запроса (req) передаётся как параметр роутера

    #jslib #javascript #deno #backend #typescript

  • JavaScript

    Вышел pnpm 5.8

    - Новая настройка shell-emulator. С помощью этой настройки postinstall скрипты будут выполняться в эмуляторе. Будет полезно для пользователей Windows.
    - Новый флаг --filter для исключения пакетов. С помощью этого флага можно исключать файлы, папки и модули

    #javascript #jsrelease #pnpm #jstools

  • Реклама

  • JavaScript

    ​​Вышел Node.js 14.13

    В новой версии Node.js наконец-то теперь можно использовать именованные импорты для CommonJS модулей, например: import { mod } from 'cjs-module'

    До этого в Node.js попытка сделать именованный импорт выкидывала ошибку

    Ещё одно полезное добавление - glob-паттерны в поле exports. Полезно, когда нужно экспортировать все ф-ции из библиотеки, при этом не создавая отдельный index.js: "./features/*": "./dist/features/*"

    #jsrelease #nodejs #javascript

  • JavaScript

  • JavaScript

    ​​Vime - настраиваемый, расширяемый, доступный и не привязанный к фреймворкам медиа плеер

    - Поддерживает HTML5, YouTube, Vimeo и другие источники видео
    - Сделан по стандартам доступности, имея все нужные aria параметры
    - Поддерживает интернационализацию
    - Работает как на компьютере, так и на мобильных устройствах
    - Можно стилизиовать плеер с помощью CSS переменных
    - Тёмная и светлая тема из коробки
    - Легковесная - ~25KB сама либа, ~47KB вместе со стандартным UI Vime
    - Написан на TypeScript, поэтому типы из коробки

    Несмотря на то, что Vime не зависит от фреймворков, он легко интегрируется с React, Vue, Svelte, Stencil и Angular.

    #jslib #frontend #javascript #typescript #webdev #media #react #stencil #svelte #angular #html5 #html

  • JavaScript

  • JavaScript

  • JavaScript

    ​​Graffiti - минималистичный GraphQL фреймворк

    Основан на файловой системе, где каждый .js файл становится GraphQL схемой. Из этих файлов генерируется готовое GraphQL API.

    Из коробки вы получаете:

    - Автоматический GraphQL API
    - Реляции между GraphQL типами
    - Доступ к GraphQL Playground (для dev режима)
    - Кастомные резолверы
    - Кастомные сложные реляции
    - Автоматическая перезагрузка при изменении схем (в dev режиме)
    - Расширяемость с помощью плагинов

    Библиотека вдохновлена Next.js, где все страницы экспортированы в отдельных файлах, которые образуют удобную структуру приложения

    #jslib #javascript #graphql #backend #webdev #nodejs

  • JavaScript

    URLCat - маленькая библиотека для создания URLов

    В отличие от ручного создания URLов, URLCat эскейпит всё что нужно, легко строит параметры запросов и убирает дупликаты слешей

    Поддерживает TypeScript, работает как в Node.js так и в браузере

    Библиотека будет полезна для построения запросов в REST API на фронте

    #jslib #javascript #frontend #webdev #url

  • JavaScript

  • JavaScript

    CJS to ESM - инструментарий для конвертирования JavaScript из CommonJS (легаси) в ECMAScript модули

    Можно использовать как в виде CLI, так и с помощью JavaScript API. Можно даже внедрить как TypeScript плагин.

    Будет полезно для перехода с легаси CommonJS системы на стандартизированную, единую систему модулей ECMAScript в Node.js. Также может пригодиться для конвертации из одной системы в другую, чтобы можно было использовать Node.js библиотеки в фронтенд приложениях.

    #jslib #javascript #nodejs #jstools #esm #cjs #commonjs

  • JavaScript

    Ребятушки, наши друзья из ВТБ проводят онлайн-хакатон. Данный пост не рекламный, ждём от вас максимальной активности!

    8–11 октября пройдет первый онлайн-хакатон ВТБ More. Tech. Участники смогут выбрать один из двух треков — mobile или web. Приглашаются студенты и специалисты, которые хотят побороться за победу и приобрести крутой опыт.

    Хакатон More. tech — это: — 75 часов разработки и 900 000 рублей в призовом фонде.
    — Возможность перейти на новый уровень в карьере — участники смогут пройти карьерный коучинг, который включает разбор резюме и советы HR-специалистов, а эксперты ВТБ проведут митапы, где расскажут об Agile, DevOps и об опыте их использования в ВТБ.
    — Поддержка менторов на протяжении всех четырех дней хакатона. Они дадут обратную связь, которая поможет доработать решение до идеала и развить новые профессиональные компетенции.
    — Шанс попасть в IT-команду ВТБ. Все участники получат фирменный мерч, а лучшие смогут построить карьеру в одной из самых быстрорастущих команд банка – в IT блоке ВТБ и создавать продукты и сервисы, которыми будут пользоваться миллионы людей!

    Собирайте команду от 2 до 5 человек или регистрируйтесь самостоятельно, и организаторы подберут вам единомышленников.

    Подайте заявку до 4 октября включительно:
    https://clck.ru/QzYqv

  • JavaScript

  • JavaScript

    Первое знакомство с Moon.js

    Введение в Moon.js, очень быструю и минималистичную UI библиотеку, похожую на Vue

    #jsarticle #javascript #moon #vue #frontend #webdev

  • Реклама

  • JavaScript

    ​​Вышел react-three-fiber 5

    В новой версии 3D библиотеки для React было исправлено много багов, а также было произведено много разных оптимизаций. Из новых фич:

    - теперь не нужно писать "attach" в <geometry /> и <material />

    - WebGL 2 включён по дефолту

    - из useThree теперь возвращается viewport - значения границ и дистанций экрана

    - Поддержка XHR и ошибок в useLoader. Теперь когда можно управлять XHR, появилась возможность создавать полосы загрузки для ожидания подгрузки моделей

    - в примитивах (<primitive />) теперь не нужно писать dispose={null}

    #jsrelease #javascript #frontend #webdev #threejs #reactthreefiber #3d #react

  • JavaScript

    ​​Elsa - минималистичный, быстрый и безопасный рантайм для JavaScript и TypeScript, написанный на Go

    Проект очень похож на Deno, но в отличие от него написан на Go, и поддерживает сборку в исполняемый файл

    - Поддерживает URL импорты
    - Нет доступа к fs, net и другим модулям, если не указать их в разрешениях
    - Поддерживает TypeScript
    - Может собирать код как и в бандл (для веба), так и в исполняемый файл (для запуска на компьютере)

    На данный момент в Elsa нет HTTP сервера, так что не стоит (пока что) пытаться писать что-то серьёзное на этом движке

    Зато, в отличие от Deno, Elsa может собирать JS в бинарник, что открывает много новых возможностей

    #jslib #javascript #elsa #deno #golang #backend #runtime

  • JavaScript