SIBERIA CAN CODE — Код ревью, запросы
На данном стриме мы поревьювим код, разберем как выполнять запросы со страницы поиска рецептов, добавим infinity scroll, поотвечаем на вопросы зрителей
Кривой путь Next.JS
Вендор-лок React-фич от Vercel, говнокод в серверных компонентах, туманное будущее React.
SIBERIA CAN CODE — Роутинг и фабрики в effector
На данном стриме мы изучим как писать фабрики, что это такое, в каких случаях стоит использовать. А также подключим роутинг с помощью atomic-router, научимся проверять аутентификацию и показывать загрузку данных.
April
SIBERIA CAN CODE — Effector в действии
На данном стриме мы в месте с core-разработчиком effector научимся мыслить и работать с данной библиотекой. Постараемся ответить на вопросы как и когда нужно использовать effector
March
Что нового в effector Encke 22.4.0
В этом видео я расскажу, что нового появилось в экосистеме effector вместе с версией Encke 22.4.0. Где еще можно читать…
February
Сова рассылает выпуск #20
Первый выпуск 2023 года! Я выбрал несколько статей, которые прочел сам, а также сервисы-инструменты для web-разработчиков. Обещаю выходить гораздо чаще в новом году!
Frontend Weekend #142
Сергей Сова о вынужденном даунгрейде до разработчика, Effector`е и фронтенд-архитектуре.
2022 November
Архитектура и Feature Sliced
Зачем вообще использовать паттерны проектирования? Почему FSD не является архитектурой сама по себе? Почему я консультирую именно в экосистеме effector? Как научиться писать код? Telegram: https://t.me/sergeysova Youtube: https://youtube.com/@sova
HolyJS: Effector — business logic with ease
Ян Лаврюшев рассказал, какая польза от effector в качестве инструмента описания бизнес-логики.
Сова рассылает выпуск #19
Спустя почти три месяца я готов отправить вам новую подборку статей и книг в почту! На этот раз подборка разделена на секции: статьи по javascript, книги по проектированию API, некоторые полезные инсайты по дизайну и немного продуктивности от Github.
September
Podlodka #286 — Архитектура фронтенда
Какие есть абстракции, какие есть подходы, как они между собой связаны. В первой части поговорили в верхнеуровневом разрезе уровня флоу данных, а во второй про низкоуровневые компоненты – кэши, хранилища, верстка и другие.
Необычное применение Fork API
Как еще можно использовать Fork API если не SSR или тесты?
Application structure
I split my source code on features/, ui/ and pages/. Logic can be only in the pages/ and...
August
Сова рассылает выпуск #18
Всем приятного дня! Я уверен, что вы ждали этот выпуск. В этот раз я собрал весьма мясную подборку о самых разных аспектах frontend разработки. Приятного чтения 🧡
July
Сова рассылает выпуск #17
После небольшого перерыва, а я возвращаюсь к Вам с новой странной подборкой! Rust, оптимизации frontend, разработка своего языка программирования и немного полезных инструментов.
Что нового в effector Halley 22.2.0
Новая версия effector получила название Halley. В этом видео я расскажу об изменениях и как они улучшают код.
June
Вы неправильно тратите время!
В этот раз я поделюсь своим опытом по планированию времени и задач. Коснусь многих тем: управление временем и поступками, хранение информации в голове или на носителе, а также как мешает информационный шум.
Тяжелое утро с HolyJS: архитектура и архитекторы
Архитектор и архитектура – два слова которые часто вызывают споры, непонимание и холивары. Ведущие «Тяжёлого утра» позовут экспертов и архитекторов, чтобы определить, что такое архитектура и кто такие архитекторы, чему учиться и что тренировать, чтобы стать им.
May
Сова рассылает выпуск #16
Typescript 4.7, перекатываемся в новый стек Rust, Solid, Vitest и что не так с React. Новые инструменты и немного защиты от инъекций.
Почему я выбрал Rust
Начал программировать я на C++, пробовал ruby, php, go, python, java, typescript и немного трогал всякие непопулярные языки. Но сердце лежит к Rust и я попробую объяснить почему
🎧 Прототипирование интерфейса #4 [timelapse]
Переношу экраны из Figma в реальную верстку. Верстаю на последнем стандарте CSS, поддерживаемом в браузерах 2 года. CSS Grid, flexbox, все как…
Компонент поиска на React
Задача очень простая на первый взгляд: собрать компонент поиска по сайту, который будет выполнять...
🎧 Прототипирование интерфейса #3 [timelapse]
Последний этап работы в Figma. Я проставляю всем ключевым элементам разметки размеры. Размеры элементов не должны рандомно меняться между размерами экранов.
Съебастьян: Ереван · Space307
Продолжаем наше путешествие и рассказываем о жизни российских айтишников за пределами России. Наш гость, Frontend-архитектор Сергей Сова поделился своими впечатлениями от жизни в Ереване и рассказал, правда ли в Армении все играют в нарды 😄
🎧 Реализация dark mode в Effector REPL [timelapse]
Проект написан на forest rendering engine, для стилизации tailwind, а в качестве бандлера выступает Vite. Основная сложность была в редакторе кода…
Effector with TypeScript and React
TypeScript is a typed superset of JavaScript. It became popular recently in applications due to the...
Using GQty with effector
GQTY suggests using integration with React in the form of useQuery, useMutation hooks, and so...
classList API in forest
Forest is a reactive JavaScript/TypeScript rendering engine based on an effector — business logic...
🎧 Прототипирование интерфейса #2 [timelapse]
Добавляю больше экранов
🎧 Прототипирование интерфейса #1 [timelapse]
Собираю базовый graybox прототип, чтобы понять как расставлять секции и продумать работу адаптивного дизайна
Сова рассылает выпуск #15
Сегодня я хочу предложить вам очень разномастный набор статей и проектов: react и производительность, javascript и typescript, фронтенд и бекенд архитектура, jwt vs сессии.
Мультивселенная в представлении художника
Когда-то я узнал о существовании многомировой интерпретации мультивселенной сегодня хочу поделиться своим дилетантским представлением о ней
Сова рассылает выпуск #14
Node.js 18, поиск утечек памяти, производительность React и SSR практики тестирования в Javascript и Rust!
April
Что мне помогает жить
Сегодня расскажу, как мне живется с того самого дня, как я справляюсь с тревожностью и что может помочь вам
Сова рассылает выпуск #13
Юбилейный 13 выпуск поможет любому читателю стать более эрудированным разработчиком. Последняя статья поможет изучить computer construction гораздо глубже.
Сова рассылает выпуск #12
Сегодня много разнообразия в новостях и инструментах. Желаю приятного прочтения, ставьте лайки, подписывайтесь на канал и жмите колокольчик 😏.
🔥 react18, OSScars, проблемы экосистемы
Почему же меня так бомбит от происходящего! Хочу поговорить о некоторых релизах и новостях.
March
Effector, тестирование, архитектура, уязвимости node-ipc
Сова рассылает выпуск #11
Этот выпуск должен был выйти гораздо раньше, сразу после моего отпуска. Но случилось всё то, что случилось. Я хочу продолжить вещать, так как это единственный для меня способ отвлечься.
February
TypeScript это вам не просто проверка типов
Многие воспринимают TS как простой тайпчекер без какой либо семантической нагрузки, но окружающая действительность говорит мне, что здесь зарыто куда больше последствий, чем парочка несовместимых синтаксических конструкций.
January
Сова рассылает выпуск #10
Я проснулся после новогоднего перерыва, желаю прочесть вам целую кучу статей на любой вкус: у нас есть CSS, Rust, React и Typescript.
2021 December
Куда движутся Web-приложения
Рендер React в отдельном потоке, WebGPU, Fleets UI, универсальные приложения, как выкинуть браузеры и почему html устарел. Мои размышления основаны на уже существующих технологиях и идеях.
Сова рассылает выпуск #9
Декабрь вроде только начался, а уже чувствуется завершение всего года, хочется поскорее оторваться от привычных дел и переместиться в ностальгическое переживание Нового Года.
Фронтенд Юность #216
В гостях Сергей Сова
November
Сова рассылает выпуск #8
Смотрите на свой код как дизайнер смотрит на работу скульптора: вы не можете перенять подход как есть, но можете открыть для себя новое в привычных вещах.
307 пакетов: Про личный бренд, комьюнити и DevRel · Space307
Поговорили с Сергеем Совой о персональном бренде, обмазались новыми фичами, обсудили комьюнити вне комьюнити, а также узнали, кто на самом деле автор эффектора.
Why utils & helpers is a dump
Let's start with how they appear. During project development, the programmer tries to put repetitive...
Сова рассылает выпуск #7
Хотел бы назваться this-week-in-sova, но эта рассылка не выходит каждую неделю. Стараюсь подбирать полезные и интересные ссылочки, а не лишь бы заполнить выпуск к назначенному сроку.
Почему бенчмарки лгут
Как вообще можно верить тестам написанным ради сравнение некачественных метрик? Выпуск построен на фоне обсуждений статьи Дмитрия Карловского https://git.io/J1KHz
October
Сова рассылает выпуск #5
В сегодняшней подборке гораздо больше фана и повторений забытых полезных практик, нежели чего-то новенького. 📚
Реализация метода для Effector Patronum
В этом видео я напишу новый метод для библиотеки effector patronum, покрою его тестами и разберу как подходить к проектирование…
Сова рассылает выпуск #4
Я сюда кидаю не новые статьи, а которые я посчитал полезными. Если видите полезные статьи, которые стоит прочитать мне и поделиться с окружением, кидайте мне в личку.
Сова рассылает выпуск #6
Доброго вечера вторника! Надеюсь ваш вечер проходит в спокойствии и здравии, посему я принес полезных ссылок. А ещё я выпал из-за болезни на неделю, поэтому не публиковал рассылку раньше.
Интеллектуальное шоу про frontend · SECON
Сергей Сова участвует в effector core team, занимается развитием экосистемы. Делится опытом проектирования фронтенда в feature-sliced core team. Дмитрий Карловский большой любитель реактивности, виртуализации, распределённых систем, логики и, конечно, скоростных велосипедов.
Сова рассылает выпуск #3
Я делюсь не только статьями по фронтенду или javascript, но и всем, что заинтересовало меня в сфере разработки, поэтому вы можете обнаружить здесь весьма внезапные ссылки 🙂.
September
Дюна — в ущерб реализму
Мои личный взгляд на ремейк Дюны без спойлеров. Я попытался рассмотреть детали дизайна фильма, которые разрушают эффект погружения
Сова рассылает выпуск #2
29 сентября у меня День Рождения, можете поздравить меня в Telegram. А в преддверии вполне обычной даты, я отправляю вам подборку новостей и полезных статей. Шикарной вам рабочей недели.
Сова рассылает выпуск #1
Всем привет! Я стараюсь быть в курсе современных новостей во фронтенде, в течении недели читаю много статей. Хотя я читаю не только о React, есть ещё всякий Rust, и немного нативной разработки.
August
Делаем игру Ball Sort на Effector
Вместе с Игорем Камышевым, разработчиком из Aviasales, мы напишем простую игру на Effector. Столкнемся со сложностями и найдем решение, иногда…
Podlodka Frontend Crew #2
Круглый стол: CSS-in-JS (не)нужен | Андрей Ситник, Артем Зверев, Сергей Сова, Александр Зубов
GitHub ускоряет тепловую смерть вселенной
<p>Как GitHub решил генерировать превьюшки для репозиториев и почему многие думают, что это расточительство.</p> <p>Источник: <a href="https://github.blog/2021-06-22-framework-building-open-graph-images/" target="_blank">https://github.blog/2021-06-22-framework-building-open-graph-images/</a><br /> Логотип взят: <a href="https://octodex.github.com/octocat-de-los-muertos/" target="_blank">https://octodex.github.com/octocat-de-los-muertos/</a></p> <p><a href="https://t.me/sergeysova/387" target="_blank">Комментарии</a></p>
July
Мне не нравится frontend
<p>Что можно взять из других экосистем? Почему web-components не решают проблем? Куда катятся версии фреймворков?</p> <p><a href="https://t.me/sergeysova/385" target="_blank">Комментарии</a></p>
June
Google не несёт ответственность
<p>Хотелось бы верить, что Google умрет, но тут есть проблема.</p> <p><a href="https://t.me/sergeysova/364" target="_blank">Комментарии</a></p>
April
Effector SPb Meetup #2
В современной frontend-разработке мы сталкиваемся с задачами уменьшения зависимостей между модулями и наглядного описания их внутренних и внешних связей, желая снизить количество ошибок и упростить тестирование. На этом митапе мы расскажем и покажем на практике, как стать эффективнее с помощью effector.
March
Компоненты-монстры
<p>Как перестать создавать огромные компоненты и не пытаться дробить их на слишком маленькие части.</p> <p><a href="https://t.me/sergeysova/333" target="_blank">Комментарии</a></p>
February
Каждую ночь мы умираем
<p>Рассуждаю об идее сознания, существует ли, можно ли оцифровать, как доказать, что мир не появился в прошлый четверг.</p> <p><a href="https://t.me/sergeysova/309" target="_blank">Комментарии</a></p>
Транспорт, HTTP статусы, graphQL, protobuf
<p>Нельзя использовать HTTP-статусы для логики. О том, что с этим делать я рассуждаю в выпуске.</p> <p><a href="https://t.me/sergeysova/305" target="_blank">Комментарии</a></p>
Утечка исходников Cyberpunk 2077 и Ведьмак 3
<p>Мне кажется, для основателей CD Project Red это огромная травма: десятки лет строить весьма успешную геймдев компанию, чтобы в один день все развалилось.</p> <p><a href="https://t.me/sergeysova/304" target="_blank">Комментарии</a></p>
January
[TalkStream] #3 — Архитектура React-приложений
0:00 — Ожидание участников 9:33 — TalkStream 3
2020 December
[TalkStream] #2 — Server-push, performance, загрузка данных и state manager
00:00 — Ждём участников 3:25 — Обсуждаем
[LiveCoding] #1 — Внедрение OAuth2 в Cardbox
Начнем прикручивать аутентификацию через accesso
[LiveCoding] #4 — Тестирование React и Effector
В этом видео я покрываю тестами страницу логина и попутно разбираюсь с возникающими проблемами. Содержание:
[LiveCoding] #3 — Внедрение OAuth2 в Cardbox
Начнем прикручивать аутентификацию через accesso на Rust, Actix-Web
[TalkStream] #1 — Frontend всё?!
Что вообще не так с frontend разработкой? 0:00 — Ожидание участников
July
State Management Talks · TverIO
Зачем нужны стейт-менеджеры на фронтенде, что за стейт хранится в них и где место бизнес- и не только логике, разберем на Tver.io.
React: особенности, перспективы, ситуация на рынке труда · Hexlet
В объявлениях о поиске программистов часто встречается требование уметь работать с React. Иногда работодатели ожидают знания React не только от фронтендеров, но и от бэкенд-разработчиков. Почему эта библиотека настолько популярная, стоит ли изучать её сегодня, каковы её перспективы по мнению опытных программистов? Ответы на эти и другие вопросы читайте в обзорной статье.
March
Effector SPb Meetup #1
Effector — менеджер состояний frontend-приложений на javascript/typescript. Докладчики расскажут кому он может понадобиться, какие сущности имеет, как их комбинировать, как строить серверный рендеринг, и как устроено всё "под капотом".
2019 December
Argumentarium: Effector, Reatom и Redux · CSSSR
Автор Reatom Артём Арутюнян, Сергей Головин и Сергей Сова обсудят стейт-менеджмент в целом и Reatom, Redux и Effector в частности.
Пятиминутка React — Effector
В этом выпуске Сергей Сова расскажет про библиотеку управления состоянием Effector, плюсы, основные фишки и удобства, статус проекта, личный опыт использования.
October
Argumentarium: хуки, декларативность и классы · CSSSR
Так ли хороши хуки, как о них говорят, и можно ли полноценно заменить хуками методы жизненного цикла и не страдать? В нужном ли направлении развивается React или пора искать ему замену? Будем спорить и разбираться
August
Структура моделей Effector
Почему я называю файлики моделями и описываю логику отдельно от сторов и событий
Application structure
Where to look for files and where to put new
Структура приложения
Где искать файлики в проекте и куда класть новые
June
Сколько времени тратить на личные проекты?
Раньше я хватался за каждую идею, которая возникала у меня в голове. Прочёл новую книгу — мозг взорвался тысячей красочных и необычных идей, в потенциале меняющих мир.
May
[LiveCoding] #1 — Замена redux на effector в Howtocards
Выпиливаю остатки Redux и экосистемы из проекта, заменяю оставшуюся фичу на effector. Effector это библиотека для реализации множества мелких реактивных сторов:
April
Используйте логические переменные
Вместо простой проверки логического выражения, лучше присвоить его значение переменной, которая сделает смысл проверки очевидным.
February
Why Howtocards
Как появился этот сервис и какие проблемы решает
2018 October
Почему utils & helpers это свалка
Почему мы продолжаем так относиться к своему коду?
2017 October
Дизайн-системы и ui-киты · SPb Frontend
Что такое дизайн-система, и как она строится и кому это нужно. Плюсы использования дизайн-системы, про наследование компонентов. Документация для ui-кита и как делать это проще.
May
Quick setup sequelize in Node.js