Фронтендер от бога
3.58K subscribers
1.12K photos
19 videos
1.08K links
Божественные дайджесты по фронтенду и немного юмора.

По всем вопросам: @godinmedia
Download Telegram
▫️ Фронтовые метрики — что нужно для сбора качественных SLI

#посмотреть

Разобрали сбор SLI и метрик для вашего фронтенд-приложения — важная часть работы команды, отвечающей за качество своего домена. Однако мы часто сталкиваемся с непониманием специфики фронтенда в области мониторинга и наблюдаемости. В докладе обсудим метрики и инструменты для их сбора во фронтенде, а также способы проектирования собственных метрик и структурирования логов.


Смотреть на YouTube ⏱️35 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍62🔥1
JavaScript Promise Interview Questions

#почитать

It’s not a friendly question for junior JS coders

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53🔥2
▫️ Парсерные комбинаторы: когда регулярок не хватает

#посмотреть

Регулярные выражения — это невероятно мощный инструмент, но что делать, если их выразительности не хватает? Действительно ли нам необходимы грамматики для обработки более сложных конструкций? Как с помощью обычных функций и итераторов можно написать парсер любой сложности? И при чем здесь ФП?


Смотреть на YouTube ⏱️ 30 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61🔥1
Пятничное. Почему ИИ-инструменты для разработчиков не оправдывают ожиданий

#почитать

Инструменты, генерирующие код, часто выдают результат, который оказывается некорректным или который не соответствует лучшим практикам. ИИ-помощники могут уверенно давать неправильные ответы, не говоря о своей неуверенности в них. Конвертация дизайна порой приводит к созданию жёсткого кода, который не использует вашу реальную библиотеку компонентов. На выходе часто получается код на выброс, так как он порождает больше работы, чем экономит времени.

Как разработчик, я зачастую предпочитаю написать код сам, чем отлаживать сгенерированный искусственным интеллектом код, который выглядит правильным, но содержит скрытые изъяны. Особенно это касается более крупных и сложных задач. Хотя такие инструменты могут быть полезны для маленьких, изолированных фрагментов, они испытывают значительные трудности с генерацией полноценного кода, готового к продакшену.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍52🔥1
▫️Как переписывать и не переписывать проекты, монтировать в коде и работать с датами

#посмотреть

Фронтенд-митап.

Смотреть на YouTube ⏱️ 3 часа
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥21
▫️Перевели сотни проектов на Vue 3 и не пострадали

#посмотреть

Спикер рассказал про вызовы, с которыми его команда столкнулась при переводе решения, на котором работает более 400 проектов, на новый стек Nuxt 3 + Vite. Никита затронул внутреннее устройство экосистемы платформы Ozon и рассмотрел решения для перевода каждой ее части. Показал, зачем они используют JSX и как его можно сохранить при переводе. Показал, как помогли разработчикам автоматизировать обновление и как улучшилась их жизнь после перехода на Vue 3.


Смотреть на YouTube ⏱️45 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍21
10 однострочников React, которые должен знать каждый UI-разработчик

#почитать

React JS стал основной библиотекой для создания пользовательских интерфейсов, и на то есть веские причины. Он гибкий, эффективный и позволяет нам создавать удивительные вещи. Но иногда мы пишем больше кода, чем нужно. Вот тут-то и пригодятся однострочники.

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
▫️ Какими задачами проверяют ваше знание JavaScript

#посмотреть

Посмотрим на типы задач, которые могут дать прямо во время интервью. Обсудим как и что проверяют эти задачи и что можно сделать, чтобы подготовиться к таким моментам. Открытый урок предназначен для тех, кто знает основы javascript (может работать с объектами) и хочет лучше понимать тонкости разработки.

Смотреть на YouTube ⏱️1 час 30 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61🔥1
Подробное руководство по Pinia

#почитать

Если вы работаете с Vue 3, скорее всего, вы уже слышали о Pinia — современном, легком и мощном инструменте для управления состоянием. Pinia — это официально рекомендованная библиотека для Vue.js, которая заменяет Vuex и делает вашу жизнь разработчика проще. В этой статье мы разберем Pinia вдоль и поперек, начав с основ и завершая продвинутыми техниками.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61🔥1
▫️Главные проблемы Redux и их решения

#посмотреть

Изучим самые болезненные части Redux и научимся их исправлять. Посмотрим как делать модульный Redux, как выстраивать связи между модулями. Как сохранять инкапсуляцию и интегрировать Redux с React query.

Смотреть на YouTube ⏱️1 час 10 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍52🔥1
▫️Разгоняем WebStorm до космических скоростей

#посмотреть

Как превратить WebStorm в ракету для кодинга: оптимизация расширений, космические темы, продвинутые настройки редактора и форматирования. Прокачаем внешний вид, научимся жонглировать горячими клавишами и создавать сниппеты.

Смотреть на YouTube ⏱️35 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥1
▫️Что не так с нашим DOM'ом

#посмотреть

Изначально DOM в браузере задумывался для простого чтения данных из HTML. Так как можно было изменить лишь страницу целиком, данные для отображения готовили заранее или на лету на сервере, DOM не проектировался под возможности динамического изменения на стороне клиента.

Смотреть на YouTube ⏱️50 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5😁31
▫️Redux + Redux Toolkit | Продвинутый полный курс

#посмотреть

▪️Базовые концепции Redux
▪️Пример на чистом Redux Reducer
▪️Иммутабельность
▪️Как реализована подписка на Redux
▪️Подключаем React-redux
▪️Как работает useSelector
▪️Правила использования селекторов
▪️Практика работы с селекторами
▪️Разделяем redux на части
▪️combineReducers
▪️Основы Архитектуры
▪️Как разделять store
▪️Практика, разделяем стор на слайсы
▪️Практика createReducer, createAction
▪️Как работает immer
▪️Практика createSlice

Смотреть на YouTube ⏱️3 часа
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
онбординг
😁30
Как объединять файлы Word с помощью NodeJS

#почитать

Слияние файлов Word необходимо, когда несколько отчетов, предложений или форм должны быть объединены в один документ. Это может понадобиться в приложениях для автоматизации документооборота.

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥21
▫️Как писать нативные приложения на Android, если ты React-разработчик

#посмотреть

Представьте, что у вас стоит задача в минимальные сроки сделать приложение на Android практически полностью без знаний оного. Оказывается, что подход Kotlin + Jetpack Сompose очень похож на то, что предлагают React и Typescript.

Смотреть на YouTube ⏱️50 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🤔2🔥1
Область видимости и замыкания

Автор:
Кайл Симпсон
Год издания: 2022

#javascript #ru

Скачать книгу
🔥7👍21
Разбор интервью с автором TypeScript о портировании его на Go

#почитать

Анонсирован порт TypeScript на Go, который показывает двухкратное уменьшение использования памяти и десятикратное улучшение скорости

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1