AstralFrontend
AstralFrontend
  • 25
  • 9 012
«Фронтенд без сюрпризов: как Sentry обеспечивает стабильность приложений». Мельникова Ирина Frontend
План:
- Обсудим почему именно Sentry. Какую проблему решает.
- Узнаем как анализировать ошибки и сделать их понятными;
- Настроим уведомления через интеграцию с Телеграм;
- Посмотрим мемы с котиками🐱
มุมมอง: 305

วีดีโอ

Кодогенерация запросов и DTO по OpenAPI. Александра Литвиненко. Frontend. Астрал-Софт
มุมมอง 8165 หลายเดือนก่อน
- Узнаем что такое OpenAPI и Swagger; - Рассмотрим готовые решения для работы с этими спецификациями и клиентами; - Рассмотрим примеры использования генерации кода и проблемы, с которыми может столкнуться команда; - Посмотрим мемы.
TanStack Router. Обзор. Иван Седых. Астрал-Софт Frontend
มุมมอง 3178 หลายเดือนก่อน
План: - Построим дерево роутинга - Узнаем как достигается type-safety и какие ограничения это на нас накладывает - Попробуем фичу валидации search params - Заблокируем переход по ссылке - Используем роутер как сервис
Как работать с AST. Пишем eslint правило, codemode и babel plugin. Алексей Кудашкин. Астрал-Софт
มุมมอง 1659 หลายเดือนก่อน
План: - Узнаем, что такое и откуда берется AST; - Напишем eslint правило для Астрал.Frontend Style Guide; - Напишем codemode для автоматического рефакторинга; - Напишем babel плагин для оптимизации сборки.
Управляя временем: от Date к Temporal API. Андрей Зайцев. Астрал-Софт Frontend Meetup
มุมมอง 10511 หลายเดือนก่อน
План доклада: - Проблемы Date API - Что такое Temporal? - Чем Temporal отличается от Date и что он предлагает? - Составные части Temporal. Краткий обзор. - На каком этапе внедрения в EcmaScript находится Temporal. Полифилы Temporal и возможность использования в проде - Заменит ли Temporal библиотеки для работы с датами? - Temporal и TypeScript
Как писать тест-кейсы для frontend-приложений. Андрей Потёмкин. Астрал-Софт Meetup.Unit-тестирование
มุมมอง 24611 หลายเดือนก่อน
План: - Как правильно называть тест-кейсы - Антипаттерны именования тест-кейсов - Как формировать тест-кейсы для бизнес-логики - Как формировать тесты для инфраструктурного кода: Utils, Stores, React-компонентов Astral.Frontend Unit Testing Guide: industrious-search-cdf.notion.site/Astral-Frontend-Unit-Testing-Guide-71120289ed89424e912ebe7fa8b7e39b?pvs=74 Предыдущий доклад: th-cam.com/video/XnG...
«Принципы unit-тестирования логики frontend-приложений». Андрей Потёмкин. Frontend. Астрал-Софт
มุมมอง 360ปีที่แล้ว
Первый доклад из серии по Astral.Frontend Unit Testing Guide: industrious-search-cdf.notion.site/Astral-Frontend-Unit-Testing-Guide-71120289ed89424e912ebe7fa8b7e39b?pvs=4. Презентация: docs.google.com/presentation/d/128nG9LD0DeDpgO-2TBAyOT5XjxxjYVM62xvRKBUQXk8 План доклада: - Что тестируем? - Работа с зависимостями - Фейковые данные для тестов - Переиспользование логики между тестами - Антипатт...
«Автогенерация шаблонного кода для frontend-приложений»Андрей Зайцев. Frontend. Астрал-Софт
มุมมอง 106ปีที่แล้ว
План: - Сниппеты и Live Templates - Создание директорий с помощью IDE. WebStorm - Создание директорий с помощью IDE. VSCode
Способы документирования кода. Илья Хазан. Frontend Meetups Астрал-Софт
มุมมอง 666ปีที่แล้ว
План доклада: - Самодокументируемый код - Комментарии в коде - TypeScript и тестирование как инструменты документирования - JS Doc: описание и примеры работы
«WebSocket: под капотом реал-тайма». Плотников Кирилл. Frontend.Meetup Астрал-Софт
มุมมอง 445ปีที่แล้ว
План доклада: - WebSocket: "Для чего я здесь?" - Long polling и проблемы безопасности - Server Sent Event VS WebSocket - Принципы работы WS - Организация авторизации
SOLID во frontend приложениях. Литвиненко Александра. Астрал-Софт
มุมมอง 197ปีที่แล้ว
- Что такое "плохо спроектированный код" - Зачем нам помнить про принципы ООП - SOLID на примерах - DIP - Связь DIP с IoC и DI - DI в рамках frontend приложений
Безопасность веб-приложений. Илья Феоктистов. Астрал-Софт
มุมมอง 183ปีที่แล้ว
- Анализ безопасности веб-приложений - Что такое SOP & CORS - Cookie? Какие есть, как защитить - Использование cookie при CSRF атаке - Clickjacking или обмани меня - Браузерные расширения - самый популярный способ кибератак - XSS или Межсайтовый скриптинг, чем опасен? - Как защитить приложение от JS-инъекций
Как тестировать Представление и Логику в приложении. Светлана Иванникова. Астрал-Софт
มุมมอง 159ปีที่แล้ว
План: 1. Макет и технические требования 2. Что тестировать в представлении? 1. Conditional Rendering 2. Команды (моки) 3. Что тестировать в логике? 1. Команды (стабы) 2. Запросы (фикстуры) 4. Стратегия тестирования (bottom-up testing strategy)
«Mobx. Кулинарный курс». Седых Иван. Астрал-Софт
มุมมอง 2Kปีที่แล้ว
План доклада: - основные положения и понятия - как создать стор - при чем тут Proxy - makeAutoobserverable vs makeObserverable - как работает в React - как настроить работу сторов друг с другом - как тестировать - реакции - особенности
Библиотека для кеширования запросов @astral/mobx-query. Иван Седых. Астрал.Софт
มุมมอง 236ปีที่แล้ว
В релиз ушел пакет @astral/mobx-query, реализованный силами Ивана Седых 🎉️ ⚡️ Пакет позволяет работать с запросами и их статусами прямо в бизнес-логике, написанной на mobx ⚡️ Позволяет работать с реактивным кэшом ⚡️ API схоже с react-query В документации на npm (www.npmjs.com/package/@astral/mobx-query) вы найдете ссылки на codesandbox, где можно попробовать пакет. В видео Иван рассказывает про...
NextJS 13: Глубокое погружение в фреймворк и практики его использования. Олег Кулешов. Астрал.Софт
มุมมอง 151ปีที่แล้ว
NextJS 13: Глубокое погружение в фреймворк и практики его использования. Олег Кулешов. Астрал.Софт
Unit-тестирование на фронтенде
มุมมอง 167ปีที่แล้ว
Unit-тестирование на фронтенде
Библиотека для валидации @astral/validations 3.0
มุมมอง 159ปีที่แล้ว
Библиотека для валидации @astral/validations 3.0
Новые возможности ECMAScript 2021-2023. Ирина Мельникова. Астрал.Софт
มุมมอง 296ปีที่แล้ว
Новые возможности ECMAScript 2021-2023. Ирина Мельникова. Астрал.Софт
«Эволюция yarn». Алексей Малышев. Астрал.Софт
มุมมอง 78ปีที่แล้ว
«Эволюция yarn». Алексей Малышев. Астрал.Софт
«Что такое tRPC и почему нам нужна еще одна технология». Павел Перевезенцев
มุมมอง 1.1Kปีที่แล้ว
«Что такое tRPC и почему нам нужна еще одна технология». Павел Перевезенцев
Валидация по схеме. Библиотека Zod. Александра Литвиненко. Астрал.Софт
มุมมอง 3012 ปีที่แล้ว
Валидация по схеме. Библиотека Zod. Александра Литвиненко. Астрал.Софт
Лучший инструмент для компонентного тестирования? Часть 2. Андрей Потёмкин. Astral.Meetups
มุมมอง 1062 ปีที่แล้ว
Лучший инструмент для компонентного тестирования? Часть 2. Андрей Потёмкин. Astral.Meetups
Лучший инструмент для компонентного тестирования? Часть 1. Андрей Потёмкин. Astral.Meetups
มุมมอง 1872 ปีที่แล้ว
Лучший инструмент для компонентного тестирования? Часть 1. Андрей Потёмкин. Astral.Meetups
Продвинутая семантика и доступность. Ирина Мельникова. Astral.Meetups
มุมมอง 1622 ปีที่แล้ว
Продвинутая семантика и доступность. Ирина Мельникова. Astral.Meetups

ความคิดเห็น

  • @KelliWestwood
    @KelliWestwood 2 หลายเดือนก่อน

    Благодарю за ваши старания! Нужен совет: На моем SafePal кошельке хранится USDT и у меня есть seed фраза. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Можете подсказать, как перевести их на Binance?

  • @ЕвгенийНекрасов-ч8ж
    @ЕвгенийНекрасов-ч8ж 4 หลายเดือนก่อน

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

  • @lifeinfrontend
    @lifeinfrontend 5 หลายเดือนก่อน

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

  • @tertiumorganum5665
    @tertiumorganum5665 5 หลายเดือนก่อน

    так а кодогенерация для бека? суть же api first в том, что из апи генерят и нашим и вашим

  • @roadtobecomingjsmaster3744
    @roadtobecomingjsmaster3744 6 หลายเดือนก่อน

    Отличный доклад!

  • @saintdeveloper6407
    @saintdeveloper6407 6 หลายเดือนก่อน

    Спасибо большое за отличный материал!

  • @krank593
    @krank593 7 หลายเดือนก่อน

    авмамва

  • @EsteradThyssen
    @EsteradThyssen 11 หลายเดือนก่อน

    Хороший доклад, спасибо!

  • @DmitryRassoshenko
    @DmitryRassoshenko ปีที่แล้ว

    Отличный контент! Практически всё из сказанного релевантно для других ЯП и таргетов: мобилка, бэкенд. Небольшая пойнты критики больше по артикуляции, чем по существу: - выражение «на самом деле» звучит токсично (3:31, 48:10). По озвученным пойнтам - это Ваша точка зрения, пусть и подкреплённая какими-то аргументами, но всё же именно точка зрения. По сути понятно, что Вы имеете в виду, но именно звучит некрасиво; - извинение за питье (29:16) были, на мой взгляд, лишними. Это нормально - смочить горло посредине выступления, не привлекая столько внимания к этому процессу: в этой части воспринимал доклад на слух, на слайды не смотрел, но на извинении включился в видео, - решил, что Андрей ошибся где-то. - рандомные уникальные данные (40:41) на каждом тесте ведут к потере воспроизводимости тестов; хорошо бы устанавливать константный seed для random генератора перед каждым тестом, но тогда уже будут не уникальные данные на каждом тесте;

  • @RussianFrontend
    @RussianFrontend ปีที่แล้ว

    Привет! наследование есть с makeObservable, для auto - есть уже самописные надстройки для поддержки наследования runInAction - просто батчит экшены и выполняет одну реакцию Есть вопросы, Приватные поля для observable используете чтобы не могли напрямую из UI изменять ? В каких случаях используете локальные observable ? с применением в useState или useLOcalObservable Хотелось бы побольше про то как распостраняете сторы в дочерние компоненты .

  • @rgrishin
    @rgrishin ปีที่แล้ว

    Блестяще! Илья Дмитриевич, спасибо за доклад!

  • @SuperWhiteskull
    @SuperWhiteskull ปีที่แล้ว

    09:40 Насколько я помню, функция, которая вызывается при инициализации useState, выполняется 1 раз при монтировании компонента и во время ререндеров не запускается. То есть, если мы напишем useState(() => createStore()), то будет только 1 раз вызвана эта конструкция. Если я не прав, поправьте пожалуйста. UPDATE. Автор красавчик. Спасибо. Очень интересно и полезно.

    • @jgkdmdevienjjgg8866
      @jgkdmdevienjjgg8866 9 หลายเดือนก่อน

      Функция инициализатор в useState 1 раз будет вызвана при первом запуске рендер функции, так что да. Но каждый раз при последующих вызовах рендера функция инициализатор так будет пере-создана, но вызвана не будет. Но createStore это сама по себе функция по этому тут так же все будет работать как в вашем примере

  • @Den-yg4wz
    @Den-yg4wz ปีที่แล้ว

    8 часов назад опубликовано видео и уже устарело ))) Nextjs 13 уже другой )) Вот так пока монтируешь видео ты уже deprecated )))