OpenChakra – редактор для Chakra UI

С помощью него можно создавать интерфейсы и получать готовый React код на выходе

#jstools #chakra #frontend #webdev #javascript #react #ui

Сравнение JavaScript бандлеров к 2020 году

#jsarticle #javascript #frontend #webdev #bundlers

Serverless JAMStack TODO приложение на Netlify, Gatsby, GraphQL и FaunaDB

#netlify #graphql #faunadb #gatsby #frontend #webdev #jsvideo #javascript #react

​​React Snap - преререндер React компонентов без использования сервера

#react #frontend #webdev #jstools #javascript

​​React Element Spinner - набор загрузок для React компонентов

Главная фича: загрузку можно вставлять куда угодно, поверх всего экрана, или внутри элемента

#jslib #javascript #frontend #webdev #react

Оптимизация SVG для веба

#webdev #frontend #jsarticle #svg

ООП в JavaScript - объяснение с примерами

#jsarticle #javascript

Modulz - визуальный редактор для разработки дизайн систем без написания кода

Есть интеграция с UI библиотеками React и Vue, UI/UX редакторами Sketch и Figma.

Сейчас находится в приватной бете

#jstools #javascript #frontend #webdev #designsystem #react #vue #sketch #figma

MongoDB анонсировал интеграцию GraphQL

#mongodb #graphql #backend #jsarticle #javascript #webdev

React Router v6 за три минуты

В статье показываются нововведения React Router v6, среди них автоматический мэтчинг роутов, их упорядочивание по приоритету, относительные пути, хуки для более простой настройки роутов и т.д.

#webdev #javascript #frontend #jsarticle #react #reactrouter #routing

Всё что вам нужно знать о Socket.IO

#socketio #webdev #jsarticle #javascript

W3C Accessibility Guidelines Working Group выпустила Web Content Accessibility Guidelines (WCAG) 2.2 в статусе First Public Working Draft. Новая версия черновика включает новые требования по доступности, называемые “success criteria”.

​​Введение в Rome – новый набор инструментов для JavaScript

Главная идея – все инструменты в одном месте – линтер, и форматирование, и сборка, а также тесты (в будущем хотят добавить свой пакетный менджер)

В отличие от стандартных тулчейнов по типу ESLint + Prettier + Jest, здесь вся программа использует одно и тоже AST дерево, и её не нужно парсить много раз. Централизация помогает сильно ускорить работу инструмента.

Сейчас Rome в альфе, много чего не хватает из функций, но попробовать ради интереса стоит

#rome #frontend #webdev #jsarticle #javascript #jstools

​​Кэширование GraphQL ответов

#graphql #caching #frontend #webdev #jsarticle

​​Адаптивная вёрстка для журнала в 20 строчек CSS

#css #cssgrid #frontend #webdev #jsarticle

​​CSS.gg - бесплатный набор иконок на чистом CSS

#css #frontend #webdev #jslib

​​SculptGL - WebGL редактор для создания моделей в вебе

Поддеживает импорты текстур, экспорт в разные форматы, такие как OBJ и STL. Имеется достаточный набор инструментов для изменения формы и цвета.

Может пригодиться при разработке сайтов с 3D графикой

Исходный код | Сайт

#webdev #webgl #frontend #webdev #jstools

​​edtr - WYSWIG редактор для React

Из фич:

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

10 способов спрятать элемент в CSS

#css #frontend #webdev

​​React Model - очень простая библиотека для управления состоянием в React приложении

Фичи:

1) простое API
2) поддержка SSR (например Next.js)
3) работает с redux-devtools

#frontend #webdev #jslib #javascript #react #state