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

Видео

Кодогенерация запросов и DTO по OpenAPI. Александра Литвиненко. Frontend. Астрал-Софт
Просмотров 7863 месяца назад
- Узнаем что такое OpenAPI и Swagger; - Рассмотрим готовые решения для работы с этими спецификациями и клиентами; - Рассмотрим примеры использования генерации кода и проблемы, с которыми может столкнуться команда; - Посмотрим мемы.
TanStack Router. Обзор. Иван Седых. Астрал-Софт Frontend
Просмотров 2505 месяцев назад
План: - Построим дерево роутинга - Узнаем как достигается type-safety и какие ограничения это на нас накладывает - Попробуем фичу валидации search params - Заблокируем переход по ссылке - Используем роутер как сервис
Как работать с AST. Пишем eslint правило, codemode и babel plugin. Алексей Кудашкин. Астрал-Софт
Просмотров 1506 месяцев назад
План: - Узнаем, что такое и откуда берется AST; - Напишем eslint правило для Астрал.Frontend Style Guide; - Напишем codemode для автоматического рефакторинга; - Напишем babel плагин для оптимизации сборки.
Управляя временем: от Date к Temporal API. Андрей Зайцев. Астрал-Софт Frontend Meetup
Просмотров 1028 месяцев назад
План доклада: - Проблемы Date API - Что такое Temporal? - Чем Temporal отличается от Date и что он предлагает? - Составные части Temporal. Краткий обзор. - На каком этапе внедрения в EcmaScript находится Temporal. Полифилы Temporal и возможность использования в проде - Заменит ли Temporal библиотеки для работы с датами? - Temporal и TypeScript
Как писать тест-кейсы для frontend-приложений. Андрей Потёмкин. Астрал-Софт Meetup.Unit-тестирование
Просмотров 2388 месяцев назад
План: - Как правильно называть тест-кейсы - Антипаттерны именования тест-кейсов - Как формировать тест-кейсы для бизнес-логики - Как формировать тесты для инфраструктурного кода: Utils, Stores, React-компонентов Astral.Frontend Unit Testing Guide: industrious-search-cdf.notion.site/Astral-Frontend-Unit-Testing-Guide-71120289ed89424e912ebe7fa8b7e39b?pvs=74 Предыдущий доклад: ruclips.net/video/Xn...
«Принципы unit-тестирования логики frontend-приложений». Андрей Потёмкин. Frontend. Астрал-Софт
Просмотров 3459 месяцев назад
Первый доклад из серии по 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. Астрал-Софт
Просмотров 1049 месяцев назад
План: - Сниппеты и Live Templates - Создание директорий с помощью IDE. WebStorm - Создание директорий с помощью IDE. VSCode
Способы документирования кода. Илья Хазан. Frontend Meetups Астрал-Софт
Просмотров 65711 месяцев назад
План доклада: - Самодокументируемый код - Комментарии в коде - TypeScript и тестирование как инструменты документирования - JS Doc: описание и примеры работы
«WebSocket: под капотом реал-тайма». Плотников Кирилл. Frontend.Meetup Астрал-Софт
Просмотров 43811 месяцев назад
План доклада: - WebSocket: "Для чего я здесь?" - Long polling и проблемы безопасности - Server Sent Event VS WebSocket - Принципы работы WS - Организация авторизации
SOLID во frontend приложениях. Литвиненко Александра. Астрал-Софт
Просмотров 18611 месяцев назад
- Что такое "плохо спроектированный код" - Зачем нам помнить про принципы ООП - SOLID на примерах - DIP - Связь DIP с IoC и DI - DI в рамках frontend приложений
Безопасность веб-приложений. Илья Феоктистов. Астрал-Софт
Просмотров 172Год назад
- Анализ безопасности веб-приложений - Что такое SOP & CORS - Cookie? Какие есть, как защитить - Использование cookie при CSRF атаке - Clickjacking или обмани меня - Браузерные расширения - самый популярный способ кибератак - XSS или Межсайтовый скриптинг, чем опасен? - Как защитить приложение от JS-инъекций
Как тестировать Представление и Логику в приложении. Светлана Иванникова. Астрал-Софт
Просмотров 153Год назад
План: 1. Макет и технические требования 2. Что тестировать в представлении? 1. Conditional Rendering 2. Команды (моки) 3. Что тестировать в логике? 1. Команды (стабы) 2. Запросы (фикстуры) 4. Стратегия тестирования (bottom-up testing strategy)
«Mobx. Кулинарный курс». Седых Иван. Астрал-Софт
Просмотров 1,8 тыс.Год назад
План доклада: - основные положения и понятия - как создать стор - при чем тут Proxy - makeAutoobserverable vs makeObserverable - как работает в React - как настроить работу сторов друг с другом - как тестировать - реакции - особенности
Библиотека для кеширования запросов @astral/mobx-query. Иван Седых. Астрал.Софт
Просмотров 217Год назад
В релиз ушел пакет @astral/mobx-query, реализованный силами Ивана Седых 🎉️ ⚡️ Пакет позволяет работать с запросами и их статусами прямо в бизнес-логике, написанной на mobx ⚡️ Позволяет работать с реактивным кэшом ⚡️ API схоже с react-query В документации на npm (www.npmjs.com/package/@astral/mobx-query) вы найдете ссылки на codesandbox, где можно попробовать пакет. В видео Иван рассказывает про...
NextJS 13: Глубокое погружение в фреймворк и практики его использования. Олег Кулешов. Астрал.Софт
Просмотров 150Год назад
NextJS 13: Глубокое погружение в фреймворк и практики его использования. Олег Кулешов. Астрал.Софт
Unit-тестирование на фронтенде
Просмотров 163Год назад
Unit-тестирование на фронтенде
Библиотека для валидации @astral/validations 3.0
Просмотров 159Год назад
Библиотека для валидации @astral/validations 3.0
Новые возможности ECMAScript 2021-2023. Ирина Мельникова. Астрал.Софт
Просмотров 291Год назад
Новые возможности ECMAScript 2021-2023. Ирина Мельникова. Астрал.Софт
«Эволюция yarn». Алексей Малышев. Астрал.Софт
Просмотров 72Год назад
«Эволюция yarn». Алексей Малышев. Астрал.Софт
«Что такое tRPC и почему нам нужна еще одна технология». Павел Перевезенцев
Просмотров 1 тыс.Год назад
«Что такое tRPC и почему нам нужна еще одна технология». Павел Перевезенцев
Валидация по схеме. Библиотека Zod. Александра Литвиненко. Астрал.Софт
Просмотров 282Год назад
Валидация по схеме. Библиотека Zod. Александра Литвиненко. Астрал.Софт
Лучший инструмент для компонентного тестирования? Часть 2. Андрей Потёмкин. Astral.Meetups
Просмотров 101Год назад
Лучший инструмент для компонентного тестирования? Часть 2. Андрей Потёмкин. Astral.Meetups
Лучший инструмент для компонентного тестирования? Часть 1. Андрей Потёмкин. Astral.Meetups
Просмотров 178Год назад
Лучший инструмент для компонентного тестирования? Часть 1. Андрей Потёмкин. Astral.Meetups
Продвинутая семантика и доступность. Ирина Мельникова. Astral.Meetups
Просмотров 157Год назад
Продвинутая семантика и доступность. Ирина Мельникова. Astral.Meetups

Комментарии

  • @KelliWestwood
    @KelliWestwood 8 дней назад

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

  • @ЕвгенийНекрасов-ч8ж

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

  • @lifeinfrontend
    @lifeinfrontend 2 месяца назад

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

  • @tertiumorganum5665
    @tertiumorganum5665 3 месяца назад

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

  • @roadtobecomingjsmaster3744
    @roadtobecomingjsmaster3744 3 месяца назад

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

  • @saintdeveloper6407
    @saintdeveloper6407 4 месяца назад

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

  • @krank593
    @krank593 5 месяцев назад

    авмамва

  • @EsteradThyssen
    @EsteradThyssen 8 месяцев назад

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

  • @DmitryRassoshenko
    @DmitryRassoshenko 9 месяцев назад

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

  • @RussianFrontend
    @RussianFrontend 9 месяцев назад

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

  • @rgrishin
    @rgrishin Год назад

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

  • @SuperWhiteskull
    @SuperWhiteskull Год назад

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

    • @jgkdmdevienjjgg8866
      @jgkdmdevienjjgg8866 6 месяцев назад

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

  • @Den-yg4wz
    @Den-yg4wz Год назад

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