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

По всем вопросам: @godinmedia
Download Telegram
Пятничное. Почему ИИ-инструменты для разработчиков не оправдывают ожиданий

#почитать

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

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


Читать статью
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
Инструменты для анализа производительности сайта

#почитать

Речь пойдет об инструментах, с помощью которых можно проанализировать качество спроектированного front-end разработчиком сайта. В качестве наглядного материала используется проект, реализованный на базе Next.js 14-й версии с app router.

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥1
Как уменьшить боль от this в классах javascript

#почитать

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

Я «причесал» код, перенёс захардкоженные значения и магические числа, которые неизбежно накапливаются в программе при выполнении «очень срочных и важных заданий», в аргументы методов и переменные классов, отредактировал и дополнил документирующие комментарии и уже собирался отправлять пакет клиенту.

Но одна вещь останавливала меня — часть методов ключевого класса для обращения к другим свойствам и функциям своего класса использовала this. Кайл Симпсон удачно назвал такие методы this-aware functions. И неправильный вызов этих функций мог создать проблемы для разработчиков клиента.

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Bootstrap и CSS-препроцессор Sass

Автор
: Прохоренок Н. А.
Год издания: 2021

#css #ru

Скачать книгу
🗿10🤷‍♂2😱2👍1