Skip to main content
Goose&Duck – OpenSource

Goose&Duck – OpenSource

By Dmitriy Kovalenko

Подкаст про opensource и все что с ним связано. Тут 2 представителя птичьих и по-совместительству опенсорсеры рассказывают про разные-разности связанные с коммьюнити открытого исходного кода :)
Available on
Apple Podcasts Logo
Google Podcasts Logo
Pocket Casts Logo
RadioPublic Logo
Spotify Logo
Currently playing episode

#12. UnderGoose&DuckJS | Дмитрий Пацура

Goose&Duck – OpenSourceJan 29, 2022

00:00
01:26:25
#12. UnderGoose&DuckJS | Дмитрий Пацура

#12. UnderGoose&DuckJS | Дмитрий Пацура

В этом эпизоде самого исторически достоверного подкаста про open source:

— Принимаем гастроли подкаста UnderJS

— Разбираем историю faker.js и colors.js

— Прибиваем Cucumber к мостовой

— Обсуждаем моральные вопросы опенсорс-разработки

— Произносим «add» как «а-дэ-дэ»

— Слушаем рэп про Node.js

— Говорим «Да хранит вас Docker-файл»

В ролях:

The Goose: Дмитрий Коваленко https://twitter.com/goose_plus_plus

The Duck: Влад Шилов https://twitter.com/Omgovich

Половина UnderJS: Дмитрий Пацура https://twitter.com/ovrweb

Таймкоды:

00:00 – Вторжение UnderJS

06:05 – О Cube

10:32 – Как все увидели историю faker.js и colors.js

24:33 – Копаем глубже

31:50 – Можно ли ломать и удалять свой код

39:28 – Копаем еще глубже

58:50 – Рэп про Node.js

59:25 – Все повторится вновь

01:17:30 – Люди и информация

01:25:10 – Конец

Ссылки:

— Cube: https://cube.dev

— faker.js: https://github.com/Marak/faker.js

— colors.js: https://github.com/Marak/colors.js

— npm shrinkwrap: https://docs.npmjs.com/cli/v8/commands/npm-shrinkwrap

— Тред Димы: https://twitter.com/ovrweb/status/1480474208660512773

— microcule: https://github.com/stackvana/microcule

— Отредактированное YouTube-видео: https://youtu.be/R6S-b_k-ZKY

Jan 29, 202201:26:25
#11. Фронтендер на заводе Tesla | Олег Исонен

#11. Фронтендер на заводе Tesla | Олег Исонен

В этом эпизоде самого стилизованного подкаста про open source:

— Связь между Оливье и CSS

— Секрет успеха styled-components

— IT-компании и инвестиции

— Жизнь UI-инженера на заводе Tesla

— Фабрики бывают не только абстрактными

— Почему в Tesla болтаются ручки

— Какими инструментами тестирования пользуются «большие дяди» на заводе

В ролях:

Гусь-Хрустальный: Dmitriy Kovalenko https://twitter.com/goose_plus_plus

Уть-Астральный: Vlad Shilov https://twitter.com/Omgovich

Программист-Заводчанин: Oleg Isonen https://twitter.com/oleg008

Таймкоды:

00:00 – Приветствие

04:45 – JSS и Material-UI

16:50 – styled-components

29:15 – CSS сегодня

41:15 – Open source, карьера и инвестиции

59:30 – Фабрика Tesla

01:32:00 – Кофемашина за донаты

Ссылки:

— JSS: https://cssinjs.org

— styled-components: https://styled-components.com

— emotion: https://emotion.sh

— Статья «Template Strings vs Objects in CSS-in-JS»: https://oleg008.medium.com/template-strings-vs-objects-in-cssinjs-4028ecc420b2

— Webflow: https://webflow.com

— Доклад Димы про тесты: https://youtu.be/ZJgaTwdLNIg

— Инструкция Олега по решению проблемы фандинга open source: https://twitter.com/oleg008/status/1470762363498504194

Jan 14, 202201:39:12
#10. Статоскоп мне в Жору с Сергеем Мелюковым

#10. Статоскоп мне в Жору с Сергеем Мелюковым

В этом эпизоде самого серьезного подкаста про open source вы узнаете что...

— Утки в 9 раз лучше гусей (по крайней мере, в Башкирии)

— Существуют люди, которые знают как устроен Webpack

— Вы можете завести личного Жору, который будет вынимать вам данные

— Между JS-бандлами и Land Rover Discovery есть связь

— Влад связан с Геннадием Малаховым и народной медициной

— Дима любит воровать дизайн (будьте осторожны)

— У Чихуахуа есть ветки

В ролях:

Утёнок-формошлёп: Влад Шилов https://twitter.com/Omgovich

GPU-accelerated Гусь: Дима Коваленко https://twitter.com/goose_plus_plus

Менеджер Жоры: Сергей Мелюков https://twitter.com/smelukov

Таймкоды:

00:00 – Приветствие

06:32 – История Statoscope

16:24 – Что умеет Statoscope

39:20 – Анонс FFrames

42:45 – Webpack это сложно?

01:03:14 – Итоги

Ссылки:

— Statoscope: https://github.com/statoscope/statoscope

— Сайт Statoscope: https://statoscope.tech/

— Basis.js: https://github.com/basisjs/basisjs

— Rempl: https://github.com/rempl/rempl

— Discovery.js: https://github.com/discoveryjs/discovery

— Jora: https://github.com/discoveryjs/jora

— webpack-profiling-plugin: https://webpack.js.org/plugins/profiling-plugin

— webpack-bundle-analyzer: https://www.npmjs.com/package/webpack-bundle-analyzer

— FFrames (✨ Проект Димы): https://fframes.studio

— Docusaurus: https://github.com/facebook/docusaurus

— Babel Handbook: https://github.com/jamiebuilds/babel-handbook

— Remix: https://remix.run/

Dec 14, 202101:06:19
Попался, воришка! с Андреем Ситником

Попался, воришка! с Андреем Ситником

В этом эпизоде самого позитивного подкаста про open source:

— Андрей рассказывает о конфликте между nanocolors и colorette

— Влад сравнивает Злых Марсиан с итальянской плиткой

— Андрей копирует код

— Дима запускает дейт-пикер в космос

— Репозитории закрываются

— Андрей отговаривает заниматься опен сорсом

— Резюме пишутся неправильно

В ролях:

Гусь: Дима Коваленко https://twitter.com/dmtrKovalenko

Уть: Влад Шилов https://twitter.com/Omgovich

Густь: Андрей Ситник https://twitter.com/andrey_sitnik

Таймкоды:

00:00 – Приветствие

03:20 – Сага о chalk, nanocolors и colorette

14:57 – Форки и альтернативы

28:00 – Оптимизации, джаз и попса

36:00 – Авторское право и DMCA

42:30 – Open source !== Free

54:50 – Зачем идти в open source

01:03:20 – Итоги

Ссылки:

chalk: https://github.com/chalk/chalk

colorette: https://github.com/jorgebucaran/colorette

nanocolors: https://github.com/ai/nanocolors

picocolors: https://github.com/alexeyraspopov/picocolors

kleur: https://github.com/lukeed/kleur

yoctocolors: https://github.com/sindresorhus/yoctocolors

trololors: https://github.com/dmtrKovalenko/trololors

The Unlicense (Public Domain License): https://choosealicense.com/licenses/unlicense/

Tenacity: https://github.com/tenacityteam/tenacity

PackagePhobia: https://packagephobia.com

BundlePhobia: https://bundlephobia.com

oh-my-fish: https://github.com/oh-my-fish/oh-my-fish

DMCA: https://github.com/contact/dmca

Sphinx: http://sphinxsearch.com

sorry-cypress: https://github.com/sorry-cypress/sorry-cypress

Nov 11, 202101:05:60
#8. Квартира, тесты, жвачка

#8. Квартира, тесты, жвачка

Oct 05, 202101:05:37
Goose&Duck #7 – The Great Bogdan

Goose&Duck #7 – The Great Bogdan

В этом эпизоде подкаста про open source:

— Дима снимается в Смешариках

— Влад называет GitHub contribution graph «зеленым тайлом коммитментов»

— Дима просит закидать его помидорами

— Влад признается, что он злодей

— Богдан скромно рассказывает как он двигает веб вперед

— Дима пропускает поезд

— Пернатые учат Богдана хвастаться

— Дима произносит «PR» как «Пэпэр»

— Все зовут Кристофера Нолана, чтобы он распутал цепочку зависимостей

В ролях:

Утка: Влад Шилов https://twitter.com/Omgovich

Гусь: Дима Коваленко https://twitter.com/dmtrKovalenko

Богдан: Богдан Чадкин https://twitter.com/IAmTrySound

Таймкоды:

00:00 – Приветствие

01:30 – Богдан и борьба за современный JS

05:40 – React и tree-shaking

09:30 – Минификация пакетов

20:15 – Стандарт ESM и export default

30:10 – Учим Богдана хвастаться

33:45 – SVGO

45:20 – ESM в Node.js и асинхронность

57:55 – Rollup и путь в open source

01:05:00 – Конец

Ссылки:

Rollup.js: https://rollupjs.org/

react-is: https://www.npmjs.com/package/react-is

Terser: https://terser.org/

Colord: https://colord.omgovich.ru/

Day.js: https://day.js.org/

Vite: https://vitejs.dev/

Джейк Арчибальд об export default: https://jakearchibald.com/2021/export-default-thing-vs-thing-as-default/

SVGO: https://github.com/svg/svgo

watchlist от Люка Эдвардса: https://github.com/lukeed/watchlist

cssnano: https://github.com/cssnano/cssnano

Как искали нового мейнтейнера для SVGO: https://github.com/svg/svgo/issues/1320

SVGOMG: https://jakearchibald.github.io/svgomg/

svgo-components: https://github.com/svg/svgo-components

Parcel: https://parceljs.org/

Sep 14, 202101:07:06
#6. Самый малопродуктивный выпуск c Ильей Лесиком

#6. Самый малопродуктивный выпуск c Ильей Лесиком

Гусен Морген, дамы и господа! С вами снова самый маленький из всех big data подкастов про open source. В этом выпуске мы максимально невовлеченно и малопродуктивно пытаемся понять нужен ли сайт open source проекту, а так же выяснить сложно ли совмещать предпринимательство с open source разработкой. Помимо ведущих, в этот раз вы услышите Илью Лесика и дрель соседей Димы.

В выдуманной студии:

Уть: Влад Шилов https://twitter.com/Omgovich

Гусь: Дима Коваленко https://twitter.com/dmtrKovalenko

Густь: Илья Лесик https://twitter.com/ilialesik

Таймкоды:

00:00 – Приветствие

02:00 – Xsolla

02:40 – Предпринимательство и open source

06:20 – Илья перепродает человеков

12:10 – react-figma

17:00 – Как понять, что проект хороший

24:50 – Сайт для open source проекта

37:30 – Как писать стили

43:10 – OG-картинки ГитХаба

58:50 – Конец

Ссылки:

react-figma: https://github.com/react-figma/react-figma

svgo-components: https://github.com/svg/svgo-components

react-media-hook: https://github.com/lessmess-dev/react-media-hook

astroturf: https://github.com/4Catalyzer/astroturf

cypress-real-events: https://github.com/dmtrKovalenko/cypress-real-events

jss: https://github.com/cssinjs/jss

A framework for building Open Graph images (GitHub): https://github.blog/2021-06-22-framework-building-open-graph-images/

Aug 22, 202159:49
#5. Разработчик который смог

#5. Разработчик который смог

У нас в гостях Владимир Харлампиди — создатель популярных open source библиотек Swiper и Framework7. Владимир развивает свои проекты почти целое десятилетие и научился весьма успешно монетизировать этот труд. Жмите Play и готовьтесь впитывать тонны полезной информации.

В выдуманной студии:

The Goose: Дима Коваленко https://twitter.com/dmtrKovalenko

The Duck: Влад Шилов https://twitter.com/Omgovich

The Гость: Владимир Харлампиди https://twitter.com/nolimits4web

Таймкоды:

00:00 – Приветствие

02:00 – Open source проекты Владимира

05:25 – Зачем нужен Framework7

10:25 – Проблема отличия от нативного UI

11:50 – Нужны ли JS-карусели если есть CSS Scroll Snap

13:20 – Material Design 2.0

14:33 – Вес библиотек

16:35 – Уменьшу ваш бандл за деньги

17:50 – Тесты, Cypress и co-contrubutor

20:55 – Peer Dependencies

23:02 – Вопрос от разработчика Reatom

24:55 – Постулаты semver

28:10 – Паблишинг пакетов и Bundlephobia

30:50 – Как работать с issue

34:40 – Недовольные пользователи

37:50 – Вкусовщина в issue

39:50 – Казино и Open Collective Владимира

43:45 – Принципы и инструменты успешной монетизации 🔥

51:30 – Swiper и TikTok

53:20 – Привлечение пользователей

55:30 – Что лучше: Patreon или Open Collective?

57:35 – Финансовая стабильность

59:00 – Tailwind Mobile и перелинковка проектов

01:01:15 – Почему нет TypeScript

01:02:45 – Конец

Ссылки:

Swiper: https://swiperjs.com/

Framework7: https://framework7.io/

Apache Cordova: https://cordova.apache.org/

Electron: https://www.electronjs.org/

The next stage for Material Design: https://material.io/blog/announcing-material-you

Goober: https://github.com/cristianbote/goober

Reatom: https://github.com/artalar/reatom

Вопрос от Артема: https://twitter.com/artalar_dev/status/1412061893498490887

Bundlephobia: https://bundlephobia.com/

Плохой issue в репозитории Вебпака: https://github.com/webpack/webpack-cli/issues/1612

Carbon: https://www.carbonads.net/

OpenCollective проекта Swiper: https://opencollective.com/swiper

OpenCollective проекта Framework7: https://opencollective.com/framework7

Страница Владимира на Patreon: https://www.patreon.com/vladimirkharlampidi

Tidelift: https://tidelift.com/

Stakes.social: https://stakes.social/

DEV-protocol: https://devprotocol.xyz/

Tailwind Mobile: https://tailwind-mobile.com/

Aug 09, 202101:04:19
#4 – Просыпайтесь! Пора делать open source!

#4 – Просыпайтесь! Пора делать open source!

Поможет ли open source стать вам круче сына маминой подруги? Дизайнеры знают как себя «продавать» и делать портфолио, а программисты — нет? Нужен ли разработчику личный бренд или можно спокойно кодить на работе за зарплату?

В выдуманной студии:

The Goose: Дима Коваленко https://twitter.com/dmtrKovalenko

The Duck: Влад Шилов https://twitter.com/Omgovich

Таймкоды:

00:00 – Приветствие

01:26 – Зачем Дима переписывает Remotion на Rust

02:30 – Нужен ли браузер

04:55 – Использование SVG для рендера видео

06:45 – О планах

09:45 – Проблема сложности кода

19:00 – JSX в Rust

21:53 – Зачем заниматься опен сорсом

23:15 – Портфолио дизайнера vs портфолио программиста

27:47 – Фейк-проекты vs реальные задачи

29:40 – Личный бренд и поиск работы

32:03 – Open source и саморазвитие

35:03 – Новые технологии и best practices

37:56 – Зачем компаниям делать open source

40:50 – GitHub — сервис знакомств

43:43 – Pixel matching и visual regression testing

49:44 – Цветовые модели и YIQ

51:50 – История sRGB

53:43 – Международная комиссия по освещению и CIE XYZ

56:14 – Отображение цветов в браузере

59:56 – Open source и работа

01:01:30 – Конец

Ссылки:

Remotion: https://www.remotion.dev/

resvg — SVG renderer на Rust: https://github.com/RazrFalcon/resvg

handlebars.js: https://github.com/handlebars-lang/handlebars.js

handlebars-rust: https://github.com/sunng87/handlebars-rust

Библиотеки 2D рендреинга:

Cairo: https://www.cairographics.org/

Skia: https://skia.org/Qt: https://www.qt.io/

A tiny Skia subset ported to Rust: https://github.com/RazrFalcon/tiny-skia

RSX (JSX в Rust): https://github.com/victorporof/rsx

OSnap: https://github.com/eWert-Online/OSnap

Visual-Regression-Tracker: https://github.com/Visual-Regression-Tracker/Visual-Regression-Tracker

pixelmatch: https://github.com/mapbox/pixelmatch

looks-same: https://github.com/gemini-testing/looks-same

Цветовая модель YIQ: https://en.wikipedia.org/wiki/YIQ

sRGB: https://en.wikipedia.org/wiki/SRGB

CIE (International Commission on Illumination): https://en.wikipedia.org/wiki/International_Commission_on_Illumination

CIE XYZ и цветовая подкова: https://en.wikipedia.org/wiki/CIE_1931_color_space

Jul 19, 202101:02:09
#3 UI-дизайн-framework-системы

#3 UI-дизайн-framework-системы

В чем разница между UI-китом и дизайн-системой? Как отличить хорошую дизайн-систему от подделки? Как мотивировать себя делать pet-проект длиной в два года?

В выдуманной студии:

The Goose: Дима Коваленко https://twitter.com/dmtrKovalenko

The Duck: Влад Шилов https://twitter.com/Omgovich

The Гость: Дмитрий Беляев https://twitter.com/blvdmitry

Таймкоды:

00:00 – Приветствие

02:33 – Что такое дизайн-система

07:36 – Разница между UI Kit и дизайн-системой

09:10 – Философия в дизайн-системах

12:51 – Формулировки

14:47 – Про Arcade Design

17:10 – Как долго заниматься своим проектом

20:37 – Мотивация через сайд-проекты

26:20 – Важны ли технологии

28:54 – Фреймворк для дизайн-системы

32:00 – Обязательно ли все выкладывать на GitHub

33:40 – Headless

38:58 – Кастомизация компонентов

41:25 – Готовые дизайн-системы и корпоративный стиль

44:15 – Монетизация дизайн-систем

48:08 – Продвижение и ProductHunt

50:32 – Анонс от Димы Коваленко

55:30 – Как выбрать хорошую open source дизайн-систему

01:05:50 – Тестирование

Ссылки:

Arcade: https://arcade.design/

Design System Checklist: https://www.designsystemchecklist.com/

Material Design: https://material.io/

Material UI: https://material-ui.com/

Магазин Material UI: https://material-ui.com/store/

Chakra UI: https://chakra-ui.com/

Chakra UI Pro: https://pro.chakra-ui.com/

And Design: https://ant.design/

Reach UI: https://reach.tech/

Headless UI: https://headlessui.dev/

Reakit: https://reakit.io/

Radix UI: https://www.radix-ui.com/

Дима Беляев о Faceless/Headless UI на React Day Berlin 2018: https://youtu.be/Lzb28YoKSoc?t=484

Дима Беляев о дизайн-системах на React Amsterdam 2020: https://youtu.be/G4mui3OCMVA?t=1151

ODIFF: https://github.com/dmtrKovalenko/odiff

Jul 03, 202101:12:15
#2 – Промежуточные сорсмапы с Валентином Семирульником

#2 – Промежуточные сорсмапы с Валентином Семирульником

Кто сейчас отвечает за ваши sourcemap-ы? Flow больше не open source? Что нового в Jest и медленный ли он? Жмите «Play» и мы ответим на эти вопросы.

Ведущие:

The Goose: Дима Коваленко https://twitter.com/dmtrKovalenkoThe Duck: Влад Шилов https://twitter.com/Omgovich

Гость:

Валентин Семирульник https://twitter.com/7rulnik

Ссылки:

Канал «Валя читает ишью»: https://t.me/valya_reads_issue

source-map от Mozilla: https://www.npmjs.com/package/source-map

source-map-js от Валентина: https://www.npmjs.com/package/source-map-js

Роман Дворнов о source-map: https://t.me/gorshochekvarit/76

Maybe you don't need Rust and WASM to speed up your JS: https://mrale.ph/blog/2018/02/03/maybe-you-dont-need-rust-to-speed-up-your-js.html

Flow меняет приоритеты: https://medium.com/flow-type/clarity-on-flows-direction-and-open-source-engagement-e721a4eb4d8b

Создатель Jest комментирует ситуацию с Flow: https://twitter.com/cpojer/status/1397439239768317952

Анонс Jest 27: https://jestjs.io/blog/2021/05/25/jest-27

jsdom: https://github.com/jsdom/jsdom

Доклад Димы про компонентное тестирование: https://youtu.be/ROzqRsaL-yg

Тест-раннер uvu от Luke Edwards: https://github.com/lukeed/uvu

Сервис для рекурсивного построения дерева зависимостей: https://npm.anvaka.com/

Визуализация зависимостей jest: https://npm.anvaka.com/#/view/2d/jest

Jun 23, 202101:14:10
#1 Ржавеющий JavaScript

#1 Ржавеющий JavaScript

Во втором выпуске подкаста мы обсуждаем язык Rust, его потенциал в опенсорсе и влияние на JavaScript-комьюнити.

Ведущие:

The Goose: Дима Коваленко https://twitter.com/dmtrKovalenko
The Duck: Влад Шилов https://twitter.com/Omgovich

Ссылки:

Новая бета Parcel: https://v2.parceljs.org/blog/beta3/

swc: https://swc.rs/

Бенчмарк сборщиков на сайте esbuild: https://esbuild.github.io/

Сайт Rust: https://www.rust-lang.org/

Как npm Inc использует Rust: https://www.rust-lang.org/static/pdfs/Rust-npm-Whitepaper.pdf

Terser экспериментирует с Rust: https://github.com/terser/terser-rust-experiment

esbuild собирает бинарники для каждой платформы: https://github.com/evanw/esbuild/blob/master/Makefile

Сайт Rust Foundation: https://foundation.rust-lang.org/

Регистр пакетов для Rust: https://crates.io/

wasm-pack для конвертации Rust-кода в WebAssembly: https://github.com/rustwasm/wasm-pack

Поддержка WebAssembly браузерами: https://caniuse.com/wasm

Slidev: https://github.com/slidevjs/slidev

Reveal.js: https://github.com/hakimel/reveal.js

Jun 05, 202101:00:22
Goose&Duck п(и)лотный – Babel, деньги, два гуся
May 23, 202157:21