Новая неделя, новый ведущий, с вами в эфире @2j2e

Разрешите представиться 9 лет пилю код с переходами PHP -> .NET -> JS. Продуктовые компании, аутсорс, аутстаф, фриланс, удаленный сотрудник

98% на территории Украины (Николаев > Киев) месяц назад переехал в Минск, стартап

В JS мире использовал Prototype, jQuery, MooTools, ExtJS, Sencha, Angular 1, нынче React, что-то 3 дня, что-то несколько лет

А если кто-то помнит, то с @XaocCPS у нас был подкаст 2Гига, по крайней мере статистика говорила о 100к прослушиваний за 2 года

Так же лет 7 уже выступаю на различных митапах и конференциях, 3 года был Microsoft MVP по Silverlight

и уже 27 лет зовут меня Женя Жарков

Так как @jsunderhood существует уже не первый день было много чего обсуждено, у каждого своя точка зрения, сложно местами не повторяться

Рекомендую начать неделю с видео @listochkin youtube.com/watch?v=xPFRUM… если вы пропустили,о том как не сгореть в порыве за новыми технологиями

Если коротко, о том как я вижу мир JS на данный момент pic.twitter.com/0Oczr4lrRW

использую redux, material-ui, react-select, разные masked поля, часто приходится переписывать все на свое

Недавно redux-router был, но после проблемы gist.github.com/2j2e/67c2f907b… я отказался от него redux-simple-router так же не подходит,примитивен

Читаете ли вы исходный код библиотек, которые используете? А смотрите зависимости?

@jsunderhood мы тоже от всего этого отказались. используем чистый react-router, а history передаем через middleware в action creators.

@jsunderhood Зависит от библиотек. Реакт или, например, джанго, подробно читал. Всякие мелкие только если есть проблемы.

Про redux-router github.com/rackt/redux-ro… и будущее, скорее всего никакое

теперь почитайте код redux-simple-router,на днях добавили replace(bool) вместо UPDATE_PATH > REPLACE_PATH github.com/jlongster/redu…

считаю это не верной дорогой + ну нельзя делать библиотеки на 20 строчек, решение должно быть +- комплексное. А тут собирают самолет на ходу

Пока идет голосование, расскажу как я выбираю компоненты, после нескольких неприятных “ожогов”

1. Найти все возможные реализации

@jsunderhood 4. Проверить PRs, оценить активность и качество

Я никогда не смотрю на Stars, Watch, Forks и прочее, это не показатель для меня. Считаете иначе? Попробуйте обосновать, послушаю.

@jsunderhood @alexfedoseev Любой “лайк” не является объективным показателем. А тем более показателем качества.

GitHub Issues это, кстати новый SO, если у вас есть проблемы теоретического/технического формата, там вероятно уже есть овтет

Из последнего в каком-то треде Issues “используй вон ту библиотеку, автор хороший парень”

@jsunderhood разделяйте свои вкусы на - это работает, хорошо поддерживается и “да он классный пацан”

@jsunderhood @alexfedoseev возможно, платные голосования могли бы помочь с этим :)
Хочешь что-то лайкнуть? Заплати 50 центов.

Так как я использую последнее время npm, как билд тул, то оценивать библиотеку можно еще по кол-ву загрузок.

@jsunderhood нужна помощь зала в issue :)
github.com/erikras/redux-…

Подведем итоги опроса, самые активные(а мы все здесь) просматривают код, 20% - нет, в реальности это 40% pic.twitter.com/e4qaFmW8fH

GitHub, как социальному тулу не хватает мерджей PRов, которые поддержало Н-ое количество пользователей, это размывало бы ответственность

Все что становится популярным, уже сложно подходит под категорию - менторится 2-5 человеками

Кто верит в будущее Angular 2 и почему?

Завтра выходит Angular 2.0, вы понимаете, он хорош, бросите все 1-2 года опыта React? (а он ведь тоже активно развивается)

Не забывайте, когда выйдет новый Angular, все то море текущих вакансий на 1.3 автоматически заинкрементится до 2.0.

@jsunderhood то, куда вчера не хотели идти пилить на 1.* завтра станет снова вкусным предложением

А тем временем там все билдится по 10 раз на дню и промежуточные альфа-версии выходят pic.twitter.com/DCwlpwjdKp

Так я вижу Angular 2.0 когда смотрю доклады разработчиков……вот уже 1.5 года… pic.twitter.com/SixtcEFQ7l

@jsunderhood У них по-прежнему все сложно выглядит. И тот кто один раз понял jsx, не захочет обратно внешние темплейты на птичьих языках

Еще господа js-разработчики учите верстку, за вас никто верстать не будет, обслуживать себя великое дело и автономность.

@jsunderhood можно ли в таком случае называть чистых джаваскриптеров ванильками? :D

У нас в команде есть парень, js-отлично, с версткой учится, в прошлой компании был отдельный верстальщик @hellbeast92

.@WasilisaFish @denishus а ты - писать сложный js, но умение обоим писать и править css освобождает больше времени

Нужно ценить плюсы друг друга. В этом командная работа. Я считаю что умение писать css помогает обоим справляться эффективнее

Первое время с React pic.twitter.com/PV8ztfnE62

Валидация, что же использовать, где зло, а где добро? validator, joi, parsley? там зависимость от ноды, там от jquery, там не лаконично

Мне нравится Joi, но средней сложности зависимости в нем уже идут со скрипом, как и вложенные проверки и он жестко привязан к node

@jsunderhood попытки отделить функционал от ноды пока хоум-мейд и выглядит не ок

parsley - jquery :( абсолютным злом не назову, но во многих местах оно не нужно, думаю согласитесь

в итоге остановился на validator и декларативные if (validator.isLength) не нравится, не логичные параметры, не морфологично, где цепочки?

Как я вижу Angular 2.0 pic.twitter.com/xbuCvpSkRj

@jsunderhood в ебмере есть такой валидатор github.com/offirgolan/emb….
неплохо выглядит в ember-data.

Я слышу часто не использовать декораторы, но использую, иногда понимаю, что неправильно “приготовил” но это больше моя проблема, как у вас?

Пример хорошего набора декораторов github.com/jayphelps/core…

@jsunderhood писать свое github.com/vslinko/vstack… :)

@jsunderhood для реакта есть свой набор декораторов github.com/acdlite/recomp…

@jsunderhood посмотри на livr-spec.org и собственно пост про это habrahabr.ru/post/246521/

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

материал, не вызывают интереса. В итоге на конференции езжу только чтобы пообщаться вживую.

Еще лучше, когда сам спикер, тогда есть возможность в узком кругу что-то обсудить. Что вас зажигало на конференциях и давало результат?

.@jsunderhood пацаны тут релоцируют в Берлин. React, Ember, все дела.
Кто хочет?

Looking for a talented FE for work with Ember, React and style-guides to join Honeypot in Berlin.
honeypot.io/invite_request…

15:41

Вспомнилось, завтра с утра расскажу, как нашел XSS дыру в одной зарубежной платежной системе и чем все закончилось.

в 2009 году интегрировал я платежи в Moneybookers(Scrill нынче),для каждого платежа можно было указать 2-3 поля описания (по 100 символов)

Стало интересно,работают ли там html теги-да работают,именно поля описания никак не проверялись на XSS,не экранировались

<script> естественно выполняелся, за 20 минут накидал plain js, который при сабмите оплаты(номер карты, ccv или логин/пароль) перехватывал

Было немного сложно вписаться в 2 по 100 символов,но тут помог jQuery, который успешно жил на сайте.Данные отсылались на любой сервер GET

Фактически продавая какой-то продукт по заманчивой цене и проводя через себя клиентов можно было собирать все данные.

Описав проблему в Moneybookers я не получил никакого ответа, дыру не поправили,проверял потом несколько месяцев. Такая история jQuery-хакера

С какими уязвимостями сталкивались вы?

Забыл сказать, написав в Moneybookers я описал проблему с определенными деталями и попросил 500$ за раскрытие всех деталей :)

Миф о гениальном программисте, 55 минут, как не бояться ошибок или выглядеть глупым, ставьте на фон и слушайте
youtube.com/watch?v=0SARbw…

Не выдержал наследия и спустя полгода снова поставил VS Code на тест, пока хорошо, даже JSX после правки конфигов подсвечивает из .js

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

Хотите узнать на сколько оптимизированный у вас процесс разработки? Возьмите чистую машину, засеките сколько времени ушло на сетап.

Теперь заметьте все моменты, на которые вы закрывали глаза до этого и исправьте

Собираете все через npm? фиксируйте версии жестко, увы авторы пакетов не всегда понимаю правила версионирования docs.npmjs.com/misc/semver

. @freiksenet_ru пример - поменялся border-color :active элемента, когда у него есть value и стал зеленым

Не забывайте о зрении, используйте f.lux justgetflux.com ночью даже так pic.twitter.com/qLtcCNc8M9

Подоспел правильный скрин f.lux pic.twitter.com/admR3l7P6W

Ищем фуллстэк разработчика в Aviasales Пхукет(Тайланд).Много интересных технологий, хайлоад, зарплата в $ @backendsecret @jsunderhood RT plz

@beshkenadze @jsunderhood голубой? Спектор синего самый опасный, он влияет не только на глаза но и на биоритмы. Взять тот же f.lux

На сегодня у вас задача посмотреть 2 видео Скота Хансельмана, одного из самых харизматичных гиков наше время.

Почему нужно знать больше технологий, чем вы используете каждый день, но не разбираться в них идеально youtube.com/watch?v=Bx17yw…

Scaling Yourself короткая версия youtube.com/watch?v=FS1mnI… длинная youtube.com/watch?v=IWPgUn…

С вами был @2j2e не забывайте расширять свои границы и быть больше, чем просто программист