Obenjiro - Заметки программиста

Очень много работаете с версткой? Дизайнер отдал вам готовый HTML и CSS? Добавив data-component атрибут и выполнив одну команду, вы можете сгенерировать кучу компонентов.

Для Angular (ссылка):

npx create-angular-components ./index.html

Для React (ссылка):

npx html-to-react-components ./index.html

🧙🏻‍♂️ Магия :)

1.2K viewsedited 15:58

🎉 Впервые переваливаю за отметку 1000 подписчиков в Twitter 🎉

Создание парсеров за 5 минут. Крутые плагины для VSCode. Альтернативная версия Angular. Распознавание лиц и виртуальный лак для ногтей. Сверхбыстрый статический анализ миллионной кодовой базы. Советы по рефакторингу, и просто статьи обо всем что накипело :)

Подписывайтесь на мой канал в Twitter (ENG) и Telegram (RU) чтобы ничего из вышеперечисленного не пропустить :)

1.34K views10:47

Forwarded from Веб-стандарты (Веб-стандарты)

Хакатон «Build for Belarus» пройдёт онлайн 14–16 августа. Участники помогут разработать технические решения для коммуникации, безопасности и поддержки пострадавших в протестах.

Сайт хакатона https://eventornado.com/event/build-for-belarus
Событие на Фейсбуке https://www.facebook.com/events/492050428325842

1.22K views11:16

0:34

🛠 Накопилось куча legacy кода написанного на Angular и React? Решили декомпозировать компонент и устали только об одной мысли об этом?

Попробуйте ARRR и Glean - плагины позволяющие экспортировать кусок кода в новый компонент со своими HTML, CSS, TS и spec файлами.

☠️ Давайте рефARRRкторить!

Для Angular (ARRR) [ссылка] [repo]
Для React (Glean) [ссылка] [repo]

1.7K views09:50

Веселое соседство 😅

И да, не забудьте обновиться до версии v0.1:
- Корректный рефакторинг структурных директив
- Расширение файлов со стилями теперь берется из angular.json

1.48K viewsedited 17:50

В мире стало на одного Google Developer Expert больше! :)

С радостью делюсь с вами новостью, что я получил официальное звание Angular GDE. Это дает новые возможности, но вместе с этим приходит еще и большая ответственность!

Чуть больше подробностей о GDE и о моих активностях в посте на Medium

1.54K views11:15

0:34

Media is too big

🛠 Проводите масштабный рефакторинг (например, с Arrr 😉), но нет времени на написание тестов?

Введите одну строку:
ng add backstop-schematics

После чего не забудьте выполнить npm run backstop:test и npm run backstop:approve. Вот и все, наслаждайтесь мощью визуальных регрессионных тестов с помощью BackstopJS

1.39K viewsedited 09:50

Если как минимум одному человеку понравилось, то можешь считать своё творение успешным (даже если этот человек - ты)

(c) https://twitter.com/titsay/status/1303241663226155008

1.44K viewsedited 07:13

Я не пропал, а делаю кое-что очень и очень крутое. Точнее не я, а компьютер. Не переключайтесь 🙂

1.1K views07:00

Приходите слушать мой доклад на FrontendLive 2020 1 октября в 14:50

Когда приложение безумно медленное, но backend не может исправить ситуацию, все равно не стоит сдаваться! У вас есть козырь в рукаве в виде набора психологических и инженерных трюков, направленных на улучшение Perceived Performance, которые помогут сделать ваших пользователей счастливыми :)

FrontendLive 2020 пройдет онлайн 23—26 сентября и 1—2 октября.
Расписание конференции

Кстати, вы можете поучаствовать в розыгрыше билетов, который пройдет сегодня в Angular чате ;)
https://t.iss.one/angular_ru/385717

1.91K views11:25

Webpack 5 release (2020-10-10) | webpack

А тут между делом вышел Webpack 5 версии 😎 Обязательно попробуйте и поделитесь впечатлениями

https://webpack.js.org/blog/2020-10-10-webpack-5-release/

webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

1.65K viewsedited 07:00

Forwarded from Angular Fanatic (Rustam I)

Присоеденяйтес к ngParty вместе с Angular Team прямо сейчас:
https://www.youtube.com/watch?v=Oi-ucZeJBjs&feature=youtu.be

1.14K views20:31

Вчера был мой последний день работы в Авито. Не смотря на то что проработал в ней где-то 2 года, успел влюбится в эту компанию, но пришло время двигаться дальше 🏃🏼

Больше всего буду скучать именно по коллегам и всем тем, с кем удалось поработать за это время.

За это время было проделано много работы, решено много сложных и интересных задач. Самым запоминающимся лично для меня был компонент календаря, написанный с помощью Юлианского календаря и Конгруэнтности Целлера (что по природе своей недалеко от Temporal Proposal, но по факту, наверно самая наркоманская реализация календаря в мире 😅). И совершенно случайно, у меня есть доклад об этом.

А теперь о главном! Куда я намылился? :) Вот об этом уже расскажу чуть позже - ровно через неделю. Stay Tuned 😎

1.41K views15:20

Не выдержал и сделал сайт по мотивам множественных вопросов 😂 А именно, куда я собрался? Мне подкинули идею сделать тотализатор, но так как нарушение УК РФ не входит в мои планы, решил просто сделать голосовалку.

https://obenjiro.site/

Like. Share. Retweet. Каждый голос важен!

1.63K views11:46

Прямо сейчас на https://obenjiro.site/

1.45K views11:54

New "Painting with Maths" (loooong) video in Youtube: youtube.com/watch?v=8--5Lw… Made in Shadertoy (raymarched SDF): shadertoy.com/view/WsSBzh #Mathematics #SDFs #raymarching #procedural #shader

А вот это просто произведение искусства. Картина 🖼 нарисованная с помощью 1 математической функции. Очень длинной, но все-же:

https://twitter.com/iquilezles/status/1332491882027384832?s=21

Twitter

inigo quilez

1.26K views14:07

Ок, последний пост о работе. Обещаю 😈

Как уже говорил, я ушел работать в Яндекс в отдел Яндекс.Музыка.

Работать буду с React, как и в Авито. Но сейчас ситуация немного веселее. Вдумайтесь. Будучи Google Developer Expert, я работаю в Яндекс на React и в свободное время пропагандирую Angular. Чувствую себя Кевином из Split.

В любом случае, впереди будет много интересного. Так что stay tuned.

PS: Очень интересная статья вышла в день моего выхода на работу 😅

1.32K views08:06

Хотели послушать мой доклад о Percevied Performance но не получилось сделать это на FrontendConf?

Регистрируйтесь на бесплатный AngularKharkiv Online митап 17 декабря в 18:00. Я расскажу не только о теории но и покажу как на практике применить разнообразные техники Percevied Performance с помощю Angular 😎

Ссылка на регистрацию

⚠️ WARNING ⚠️ Доклад будет на Английском.

1.1K viewsedited 09:26

Айтишникам больше не обязательно иметь высшее образование для эмиграции в Германию 🥳🥳🥳

Довольно интересная новость для людей рассматривающих Relocate.

В свое время, именно отсутствие высшего образования и остановило мой Relocate в Германию 😅 Это было возможно, но компаний хотевших заморачиваться с такими людьми было сильно меньше. Поэтому выбор был не велик.

https://twitter.com/din_alt1/status/1335908544730845184

Twitter

Stessi

1.54K views15:49