Книга «React и Redux: функциональная веб-разработка»

Одному из первых довелось прочитать эту книгу. Хорошее руководство для начинающего frontend-разработчика. Здесь обо всём понемногу. Для быстрого старта это самое то.
Свежий React+Redux на практике; Введение в функциональное программирование; Новый синтаксис ES6, JSX; Общие сведения про тестирование и линтинг (Jest + ESLint); Новый React-Router (v4); И даже раскрыта тема изоморфных приложений и Server Side Rendering.

Рассказ о том, как я ворую номера кредиток и пароли у посетителей ваших сайтов

sinopia имеет проблемы с пакетами вида @somescope/somepackagename
Разработчики забили на поддержку.
Вот живой и поддерживаемый форк verdaccio (1700+ звёзд)

Промисы в ES6: паттерны и анти-паттерны

Хочу дополнить тему "Преобразование коллбэков в промисы"
Так как написано в статье, делать нынче уже не принято. Есть util.promisify

Redux: попытка избавиться от потребности думать во время запросов к API, часть 2

Посмотрите в эту сторону https://github.com/redux-effects/redux-effects

Объектное Реактивное Программирование

Что-то http://toys.hyoo.ru/ безбожно тормозит при скролинге. Какая-то анти-реклама $mol

Давайте поговорим про Teams

Под Linux нет нативной версии, и голосовые звонки в веб-версии не работают

Книга «React.js. Быстрый старт»

Жаль, но, похоже, книга устарела к моменту выхода.

1) Вместо Browserify должен быть Webpack. Вместо npm — yarn
2) Вот это просто дичь какая-то

cat css/*/* css/*.css | sed 's/..\/..\/images/images/g'
> bundle.css

тут должны быть или gulp-таски, или webpack + css-loader с CSS-Modules, или Inline Styles библиотеки вроде https://github.com/zeit/styled-jsx
3) В реальной жизни настройки лежат в конфиге. А скрипты описаны в package.json

babel --presets react,es2015 js/source -d js/build

4) Webpack, например, уже умеет нативные import / export

включения реализации CommonJS, чтобы работали вызовы require(). Babel превращает все инструкции import в вызовы функций require().

Опрос разработчиков от StackOverflow (2017)

У Haxe такая же проблема. И я знаю почему так — потому что нет маркетинга. Нет и никогда не было

Что взять за основу React приложения

Зря вы наговариваете на Next.js, что там роутинг плохой.
Там же на серверной стороне можно юзать express https://github.com/zeit/next.js/blob/master/examples/custom-server-express/server.js
И с помощью него парсить такие пути /items/:id и всё прекрасно.

Препроцессоры для CSS там тоже есть https://github.com/zeit/next.js/tree/master/examples/with-styled-jsx-postcss — подключайте PostCSS плагины, какие хотите

Возрождение ActionScript2.0 c помощью JavaScript

Уже написано всё давно — Haxe + OpenFL [target JS]
Можно писать примерно как на AS3 и компилировать в JS и Flash

JavaScript без циклов

старый добрый цикл for…of

Улыбнуло :) for...of, который буквально недавно (в ES6) появился

Знакомство с Styled components

Если всё получится, то будет круто

Знакомство с Styled components

Мне думается, что гонять вот это https://github.com/rofrischmann/inline-style-prefixer на каждое обновление props, еще хуже чем, то, что я предположил сначала.
Этого вообще не должно быть в клиентском коде. Разработчики просто препроцессинг еще не осили

Знакомство с Styled components

Больше всего удручает, что разработчиков таких либ не заботит Autoprefixer.
Они в 2017ом опять предлагают писать руками такое:

background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

Замечу, что Autoprefixer тяжелый, в браузер его не стоит тащить. Он должен работать на этапе Compile Time

Занятие на вечер: эффект Explode на pure JS

Хочу дать несколько советов:

• Не учите людей анимации через setTimeout делать, есть же requestAnimationFrame
• Используйте для статей на Хабре тег <oembed>, чтобы все могли смотреть ваши демки, не отходя от кассы

Пример использования OEMBED

<oembed>http://codepen.io/MrCheater/pen/QGqdbo</oembed>

Пишем самый простой и быстрый input type file

Не просто jQuery, а jqyery

jqyery

Модульный DIY-ноутбук Olimex TERES I

Мой первый ноутбук, EeePC 701, имел примерно такие же характеристики. На нём прекрасно работала Windows XP, Visual C++ 2005 + Portable MSDN, Microsoft Office, Adobe Photoshop 6 (не CS6, именно 6) — мне этого хватило на 5 лет учебы в универе.

Проектная папка дизайнера. Создаём бекапы

А можно просто завести 2ой бесплатный репозиторий :-)

Проектная папка дизайнера. Создаём бекапы

Можно

Проектная папка дизайнера. Создаём бекапы

У Bitbucket есть лимит в 2 ГБ
Если проект будет длиться долго, то упрётесь. Но для коротких проектов это неважно.