#посмотреть
Регулярные выражения — это невероятно мощный инструмент, но что делать, если их выразительности не хватает? Действительно ли нам необходимы грамматики для обработки более сложных конструкций? Как с помощью обычных функций и итераторов можно написать парсер любой сложности? И при чем здесь ФП?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1
Пятничное. Почему ИИ-инструменты для разработчиков не оправдывают ожиданий
#почитать
⏱ Читать статью
#почитать
Инструменты, генерирующие код, часто выдают результат, который оказывается некорректным или который не соответствует лучшим практикам. ИИ-помощники могут уверенно давать неправильные ответы, не говоря о своей неуверенности в них. Конвертация дизайна порой приводит к созданию жёсткого кода, который не использует вашу реальную библиотеку компонентов. На выходе часто получается код на выброс, так как он порождает больше работы, чем экономит времени.
Как разработчик, я зачастую предпочитаю написать код сам, чем отлаживать сгенерированный искусственным интеллектом код, который выглядит правильным, но содержит скрытые изъяны. Особенно это касается более крупных и сложных задач. Хотя такие инструменты могут быть полезны для маленьких, изолированных фрагментов, они испытывают значительные трудности с генерацией полноценного кода, готового к продакшену.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤2🔥1
#посмотреть
Фронтенд-митап.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2❤1
#посмотреть
Спикер рассказал про вызовы, с которыми его команда столкнулась при переводе решения, на котором работает более 400 проектов, на новый стек Nuxt 3 + Vite. Никита затронул внутреннее устройство экосистемы платформы Ozon и рассмотрел решения для перевода каждой ее части. Показал, зачем они используют JSX и как его можно сохранить при переводе. Показал, как помогли разработчикам автоматизировать обновление и как улучшилась их жизнь после перехода на Vue 3.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍2❤1
10 однострочников React, которые должен знать каждый UI-разработчик
#почитать
React JS стал основной библиотекой для создания пользовательских интерфейсов, и на то есть веские причины. Он гибкий, эффективный и позволяет нам создавать удивительные вещи. Но иногда мы пишем больше кода, чем нужно. Вот тут-то и пригодятся однострочники.
⏱ Читать
#почитать
React JS стал основной библиотекой для создания пользовательских интерфейсов, и на то есть веские причины. Он гибкий, эффективный и позволяет нам создавать удивительные вещи. Но иногда мы пишем больше кода, чем нужно. Вот тут-то и пригодятся однострочники.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
#посмотреть
Посмотрим на типы задач, которые могут дать прямо во время интервью. Обсудим как и что проверяют эти задачи и что можно сделать, чтобы подготовиться к таким моментам. Открытый урок предназначен для тех, кто знает основы javascript (может работать с объектами) и хочет лучше понимать тонкости разработки.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1
Подробное руководство по Pinia
#почитать
⏱ Читать статью
#почитать
Если вы работаете с Vue 3, скорее всего, вы уже слышали о Pinia — современном, легком и мощном инструменте для управления состоянием. Pinia — это официально рекомендованная библиотека для Vue.js, которая заменяет Vuex и делает вашу жизнь разработчика проще. В этой статье мы разберем Pinia вдоль и поперек, начав с основ и завершая продвинутыми техниками.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1
#посмотреть
Изучим самые болезненные части Redux и научимся их исправлять. Посмотрим как делать модульный Redux, как выстраивать связи между модулями. Как сохранять инкапсуляцию и интегрировать Redux с React query.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤2🔥1
#посмотреть
Как превратить WebStorm в ракету для кодинга: оптимизация расширений, космические темы, продвинутые настройки редактора и форматирования. Прокачаем внешний вид, научимся жонглировать горячими клавишами и создавать сниппеты.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥1
#посмотреть
Изначально DOM в браузере задумывался для простого чтения данных из HTML. Так как можно было изменить лишь страницу целиком, данные для отображения готовили заранее или на лету на сервере, DOM не проектировался под возможности динамического изменения на стороне клиента.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5😁3❤1
#посмотреть
▪️Базовые концепции Redux
▪️Пример на чистом Redux Reducer
▪️Иммутабельность
▪️Как реализована подписка на Redux
▪️Подключаем React-redux
▪️Как работает useSelector
▪️Правила использования селекторов
▪️Практика работы с селекторами
▪️Разделяем redux на части
▪️combineReducers
▪️Основы Архитектуры
▪️Как разделять store
▪️Практика, разделяем стор на слайсы
▪️Практика createReducer, createAction
▪️Как работает immer
▪️Практика createSlice
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Please open Telegram to view this post
VIEW IN TELEGRAM
😁11🗿5👍2
#посмотреть
Представьте, что у вас стоит задача в минимальные сроки сделать приложение на Android практически полностью без знаний оного. Оказывается, что подход Kotlin + Jetpack Сompose очень похож на то, что предлагают React и Typescript.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🤔2🔥1
Инструменты для анализа производительности сайта
#почитать
Речь пойдет об инструментах, с помощью которых можно проанализировать качество спроектированного front-end разработчиком сайта. В качестве наглядного материала используется проект, реализованный на базе Next.js 14-й версии с app router.
⏱ Читать
#почитать
Речь пойдет об инструментах, с помощью которых можно проанализировать качество спроектированного 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. И неправильный вызов этих функций мог создать проблемы для разработчиков клиента.
⏱ Читать
#почитать
На службе была поставлена задача подготовить и передать клиенту js-библиотеку, которая состояла из несколько классов. Каких-то особых трудностей не ожидалось, поскольку библиотека использовалась в нашей конторе уже не один год и была тщательно оттестирована.
Я «причесал» код, перенёс захардкоженные значения и магические числа, которые неизбежно накапливаются в программе при выполнении «очень срочных и важных заданий», в аргументы методов и переменные классов, отредактировал и дополнил документирующие комментарии и уже собирался отправлять пакет клиенту.
Но одна вещь останавливала меня — часть методов ключевого класса для обращения к другим свойствам и функциям своего класса использовала this. Кайл Симпсон удачно назвал такие методы this-aware functions. И неправильный вызов этих функций мог создать проблемы для разработчиков клиента.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5