Как не закопаться в рефакторинге на фронте. Советы новичку

#jsarticle #frontend #javascript

Создаём веб приложение с бекендом на Django и фронтендом на React

#jsarticle #javascript #react #fullstack #frontend #webdev

Что ожидать и к чему готовиться в релизе Vue 3

#jsarticle #vue #frontend #webdev #javascript

~Важное сообщение~

Любой читатель этого канала может предлагать свои open-source проекты (библиотеки, инструменты и т.д.), а также авторские статьи, в наш чатик

Самые лучшие будут опубликованы на канале

​​Ammo.js - WebAssembly порт C++ движка для 3D физики "Bullet", для интегрирования в JavaScript

#jslib #webassembly #frontend #webdev #3d #javascript

​​PouchDB - JavaScript база данных, вдохновлённая CouchDB

Работает как на клиенте, так и на сервере, обеспечивая синхронизацию

Достаточно легковесная (46KB gzipped)

Работает во всех браузерах (включая IE)

Проста в использовании

#jslib #javascript #database #backend #frontend #fullstack #pouchdb

Паттерны проектирования в TypeScript

#typescript #jsarticle

​​Snarkdown – Markdown парсер размером 1KB

Прост в использовании

Малый размер (1KB ES3 кода)

Имеет Native ESM модуль

#jslib #javascript #markdown #parsing

​​Colorette – маленькая библиотека для цветов в консоли

~1.5x быстрее альтернатив

Автоматическое обнаружение поддержки цветов

Нет зависимостей

Учитывает NO_COLOR

Имеет Native ESM модуль

#jslib #javascript #nodejs #cli

Как превратить сайт в PWA

#pwa #frontend #jsarticle #webdev

​​Airgram – Telegram клиент для JavaScript, основанный на TDLib

Airgram упрощает разработку Telegram приложений на JS/TS

Из фич:

Проверка типов

Все методы TDLib имеют удобные обёртки и задокументированы

Гибок в использовании, т.к. Airgram использует промежуточные обработчики запросов

Работает как в браузере, так и на сервере (Node.js)

#jslib #javascript #typescript #telegram #nodejs

Коротко о this в функциях JavaScript

#jsarticle #javascript

Как работает useState

В статье объясняется как работает useState под капотом и как написать собственный useState

#jsarticle #javascript #react #frontend #webdev

Вышел TypeScript 4.0

Что нового:

Вариадические типы кортежей

Элементы кортежа с метками (например [state: number, set: (x: number) => void])

Вывод свойств класса из конструкторов

Сокращённые операторы присваивания (например x /= 2)

тип unknown вместо any для переменной ошибки у catch

Кастомные jsxFactory и jsxFragmentFactory

Автоматическое конвертирование в optional chaining в редакторах

Поддержка @deprecated

Больше подробностей можно прочитать в посте, ссылка на который находится выше

#jsarticle #typescript

Promise.all vs Promise.allSettled в JavaScript

В ES2020 был добавлен новый метод allSettled у Promise. Статья рассказывает о том, что делает этот метод и как он отличается от Promise.all

#javascript #jsarticle #es2020 #promise

Discordeno – обёртка Discord API для Deno

#deno #backend #jslib #javascript #discord

Prefresh, HMR для Preact

Статья от одного из создателей Preact об опыте написания своего аналога React Refresh для Preact — Prefresh. В тексте описан процесс работы HMR, и как он устроен внутри (с примерами кода).

#jsarticle #javascript #preact #react #frontend #webdev

​​Embla Carousel - гибкая библиотека для карусели с высокой точностью прокрутки

Не имеет сторонних зависимостей

Не привязана к библиотеке (но имеет React интеграцию)

Поддерживается во всех современных браузерах (и даже в IE11)

Написана на TypeScript

#jslib #javascript #frontend #webdev #react #typescript #carousel

Prisma - набор инструментов для управления БД через Node.js и TypeScript

Prisma состоит из 3 компонентов - Prisma Client, Prisma Migrate и Prisma Studio

Prisma Client может использоваться в любом backend приложении на JS/TS и поддерживает REST, GraphQL и gRPC (и любое другое API, которое использует БД) для API, и любую SQL БД

Prisma Migrate - это инструмент миграций БД схем, который хранит историю всех миграций и позволяет отменить любую из них

Prisma Studio - GUI среда разработки для баз данных, с возможностью просмотра и редактирования данных

В целом Prisma помогает облегчить управление БД и разработку backend приложений на JavaScript / Typescript

#jslib #prisma #database #backend #javascript #typescript #webdev #sql #graphql #rest #grpc