AstralFrontend
AstralFrontend
  • Видео 23
  • Просмотров 5 399

Видео

Как работать с AST. Пишем eslint правило, codemode и babel plugin. Алексей Кудашкин. Астрал-Софт
Просмотров 10421 день назад
План: - Узнаем, что такое и откуда берется AST; - Напишем eslint правило для Астрал.Frontend Style Guide; - Напишем codemode для автоматического рефакторинга; - Напишем babel плагин для оптимизации сборки.
Управляя временем: от Date к Temporal API. Андрей Зайцев. Астрал-Софт Frontend Meetup
Просмотров 862 месяца назад
План доклада: - Проблемы Date API - Что такое Temporal? - Чем Temporal отличается от Date и что он предлагает? - Составные части Temporal. Краткий обзор. - На каком этапе внедрения в EcmaScript находится Temporal. Полифилы Temporal и возможность использования в проде - Заменит ли Temporal библиотеки для работы с датами? - Temporal и TypeScript
Как писать тест-кейсы для frontend-приложений. Андрей Потёмкин. Астрал-Софт Meetup.Unit-тестирование
Просмотров 1692 месяца назад
План: - Как правильно называть тест-кейсы - Антипаттерны именования тест-кейсов - Как формировать тест-кейсы для бизнес-логики - Как формировать тесты для инфраструктурного кода: 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. Астрал-Софт
Просмотров 2793 месяца назад
Первый доклад из серии по 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. Астрал-Софт
Просмотров 894 месяца назад
План: - Сниппеты и Live Templates - Создание директорий с помощью IDE. WebStorm - Создание директорий с помощью IDE. VSCode
Способы документирования кода. Илья Хазан. Frontend Meetups Астрал-Софт
Просмотров 6175 месяцев назад
План доклада: - Самодокументируемый код - Комментарии в коде - TypeScript и тестирование как инструменты документирования - JS Doc: описание и примеры работы
«WebSocket: под капотом реал-тайма». Плотников Кирилл. Frontend.Meetup Астрал-Софт
Просмотров 4075 месяцев назад
План доклада: - WebSocket: "Для чего я здесь?" - Long polling и проблемы безопасности - Server Sent Event VS WebSocket - Принципы работы WS - Организация авторизации
SOLID во frontend приложениях. Литвиненко Александра. Астрал-Софт
Просмотров 1536 месяцев назад
- Что такое "плохо спроектированный код" - Зачем нам помнить про принципы ООП - SOLID на примерах - DIP - Связь DIP с IoC и DI - DI в рамках frontend приложений
Безопасность веб-приложений. Илья Феоктистов. Астрал-Софт
Просмотров 1347 месяцев назад
- Анализ безопасности веб-приложений - Что такое SOP & CORS - Cookie? Какие есть, как защитить - Использование cookie при CSRF атаке - Clickjacking или обмани меня - Браузерные расширения - самый популярный способ кибератак - XSS или Межсайтовый скриптинг, чем опасен? - Как защитить приложение от JS-инъекций
Как тестировать Представление и Логику в приложении. Светлана Иванникова. Астрал-Софт
Просмотров 1178 месяцев назад
План: 1. Макет и технические требования 2. Что тестировать в представлении? 1. Conditional Rendering 2. Команды (моки) 3. Что тестировать в логике? 1. Команды (стабы) 2. Запросы (фикстуры) 4. Стратегия тестирования (bottom-up testing strategy)
«Mobx. Кулинарный курс». Седых Иван. Астрал-Софт
Просмотров 8668 месяцев назад
План доклада: - основные положения и понятия - как создать стор - при чем тут Proxy - makeAutoobserverable vs makeObserverable - как работает в React - как настроить работу сторов друг с другом - как тестировать - реакции - особенности
Библиотека для кеширования запросов @astral/mobx-query. Иван Седых. Астрал.Софт
Просмотров 15610 месяцев назад
В релиз ушел пакет @astral/mobx-query, реализованный силами Ивана Седых 🎉️ ⚡️ Пакет позволяет работать с запросами и их статусами прямо в бизнес-логике, написанной на mobx ⚡️ Позволяет работать с реактивным кэшом ⚡️ API схоже с react-query В документации на npm (www.npmjs.com/package/@astral/mobx-query) вы найдете ссылки на codesandbox, где можно попробовать пакет. В видео Иван рассказывает про...
NextJS 13: Глубокое погружение в фреймворк и практики его использования. Олег Кулешов. Астрал.Софт
Просмотров 14110 месяцев назад
Олег расскажет о фундаментальных аспектах NextJS и проведет обзор его ключевых особенностей. Вы узнаете, какие нововведения принесла с собой версия 13, и что стоит учесть при переходе на новую версию.
Unit-тестирование на фронтенде
Просмотров 14511 месяцев назад
Светлана рассказывает про принципы unit-тестирования с примерами из фронтенда: - Зачем писать unit-тесты? - Техника разработки unit-теста - Особенности тестирования на фронте
Библиотека для валидации @astral/validations 3.0
Просмотров 14711 месяцев назад
Библиотека для валидации @astral/validations 3.0
Новые возможности ECMAScript 2021-2023. Ирина Мельникова. Астрал.Софт
Просмотров 236Год назад
Новые возможности ECMAScript 2021-2023. Ирина Мельникова. Астрал.Софт
«Эволюция yarn». Алексей Малышев. Астрал.Софт
Просмотров 62Год назад
«Эволюция yarn». Алексей Малышев. Астрал.Софт
«Что такое tRPC и почему нам нужна еще одна технология». Павел Перевезенцев
Просмотров 810Год назад
«Что такое tRPC и почему нам нужна еще одна технология». Павел Перевезенцев
Валидация по схеме. Библиотека Zod. Александра Литвиненко. Астрал.Софт
Просмотров 228Год назад
Валидация по схеме. Библиотека Zod. Александра Литвиненко. Астрал.Софт
Лучший инструмент для компонентного тестирования? Часть 2. Андрей Потёмкин. Astral.Meetups
Просмотров 95Год назад
Лучший инструмент для компонентного тестирования? Часть 2. Андрей Потёмкин. Astral.Meetups
Лучший инструмент для компонентного тестирования? Часть 1. Андрей Потёмкин. Astral.Meetups
Просмотров 161Год назад
Лучший инструмент для компонентного тестирования? Часть 1. Андрей Потёмкин. Astral.Meetups
Продвинутая семантика и доступность. Ирина Мельникова. Astral.Meetups
Просмотров 133Год назад
Продвинутая семантика и доступность. Ирина Мельникова. Astral.Meetups

Комментарии

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

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

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

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

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

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

  • @rgrishin
    @rgrishin 7 месяцев назад

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

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

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

    • @jgkdmdevienjjgg8866
      @jgkdmdevienjjgg8866 28 дней назад

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

  • @sozdanie-saytov
    @sozdanie-saytov 10 месяцев назад

    Зачем выкладывать устаревшее видео

  • @Den-yg4wz
    @Den-yg4wz 10 месяцев назад

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