Прощай, Web-API

В статье рассматривается подход, при котором не надо реализовывать REST/GraphQL взаимодействие в своем приложении, а можно переиспользовать одну и ту же модель на клиенте и сервере. Такой подход становится возможным с набором библиотек layr

#javascript #api #architecture

К статье(eng)

Как исправить ошибки с помощью Git в командной строке

В туториале будут показаны примеры использования команд:
— restore для отмены изменений по файлу
— amend для изменения последнего коммита
— revert откатывает изменения коммита с помощью нового коммита
— reset удаляет коммиты и выставляет новый указатель HEAD
— reflog логирует каждое изменение HEAD указателя
— cherry-pick берет изменения коммита и вносит их в текущую ветку новым коммитом
— rebase -i манипуляция коммитами и историей изменений

#git

К туториалу(eng)

Скрытые расходы при переходе на микросервисы

— Изменение подхода к работе с мастер-данными
— Невозможность переиспользования исходного кода монолита
— Проектирование системы заново
— Создание нового подхода к управлению инфраструктурой
— Измерение и проверка SLA каждого микросервиса
— Микросервисы добавят на порядок больше точек отказа
— Реорганизация команд
— Обратная совместимость с монолитом
— Интеграция и обучение служб поддержки

#microservices #architecture

К статье(rus)

Toptal соревнование по быстрому кодингу

Соревнование началось 30-го ноября и продлится до 13-го декабря, так что все могут успеть попробовать свои силы.

Так же предусмотрены призы как в суммарном зачете, так и лучшим представителям в своих странах, где число участников достигло как минимум 30

Помимо призов Toptal ищут 3% лучших разработчиков, которые готовы присоединиться к их сети.

#javascript #challenge

Принять учатие

Как создать сервер GraphQL в Next.js

В туториале рассматривается пример подключения GraphQL в Next.js приложение с помощью apollo-server-micro

#graphql #nextjs

К статье(eng)

Вопросы по javascript

В репозитории собраны более 100 вопросов по javascript, так же можно узнать ответы и прочитать объяснение

#javascript

К вопросам(eng)

К вопросам(rus)

8 советов по работе с терминалом, которые ускорят вашу разработку

В статье перечислены удобные инструменты для терминала: атодополнение, быстрый переход между часто используемыми директориями, сокращенные git команды и другие…

#terminal

К статье(eng)

Использование Effector в стеке React + TypeScript

Effector - стейт-менеджер с несколькими хранилищами для приложений Javascript (React/ React Native/Vue/Node.js)

#effector #state #react #typescript

К статье(rus)

package.json анатомия

В статье объясняются назначения полей и возможности package.json

#package_json

К статье(eng)

Динамическое программирование - научитесь решать алгоритмические проблемы и задачи программирования

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

#algorithms #interview

К курсу(eng)

Сверхбыстро

Новые функции для преодоления основных пороговых значений Web Vitals:
— content-visibility - позволяет указать браузеру не высчитывать layout, если контент вне viewport
— contain-intrinsic-size - указывает браузеру, какой размер будет у контента(необходимо, чтобы не скакал скролл)
— ascent-override, descent-override, line-gap-override для уменьшения скачка layout, когда подгрузился шрифт
— portal - новый html элемент для отрисовки страницы и возможности “активировать” страницу
— quicklink - библиотека для ускорения навигации между страницами

#performance

К докладу(eng)

Neumorphism - тренд 2020-го года в дизайне сайтов

Набор материалов с компонентами в стиле Neumorphism:

Neumorphism UI KIT

Codepen набор элементов

Codepen checkbox

Codepen form

Codepen набор элементов

Codepen иконки

#css #neumorphism

CSS совет от Jhey Tompkins

НЕ используйте <div> для прогресс бара!
Используйте элемент <progress>
Вы можете стилизовать его с помощью переменных CSS и некоторых псевдоселекторов.

#css #html

Codepen

Twitter

getEventListeners(element) в ChromeDevTools

Вызов getEventListeners(element) в ChromeDevTools консоли
перечисляет всех слушателей событий, прикрепленных к данному элементу

К Твиту