Делал перевод статьи The land of undocumented react.js: The Context, где сослался на статью Dan Abramov про умные и глупые компоненты, но почему-то думал что она есть на habrahabr. Думаю эта небольшая статья ни для кого лишней не будет.
Перевод статьи Smart and Dumb Components

Есть простой шаблон, который я нахожу чрезвычайно полезным, когда пишу приложения на React. Если Вы работали с React какое-то время, то, вероятно Вы уже поняли это. Это хорошо объяснено в этой статье, но я хочу добавить пару пунктов.

Вы найдете, что Ваши компоненты намного проще в реиспользовании и обсуждении, если Вы поделите их на две категории. Я называю их Умные (Smart) и Глупые (Dumb), но я так же слышал Fat и Skinny, Stateful и Pure, Screens и Components и так далее. Все это не абсолютно тоже самое но идея похожа.

Мои глупые компоненты:

1. не зависят от остальной части приложения, например Flux actions или stores
2. часто содержатся в this.props.children
3. получают данные и колбэки исключительно через props
4. имеют свой css файл
5. изредка имеют свой state
6. могут использовать другие глупые компоненты
7. примеры: Page, Sidebar, Story, UserInfo, List

Мои умные компоненты:

1. оборачивает один или несколько глупых или умных компонентов
2. хранит состояние стора и пробрасывает его как объекты в глупые компоненты
3. вызывает Flux actions и обеспечивает ими глупые компоненты в виде колбэков
4. никогда не имеют собственных стилей
5. редко сами выдают DOM, используйте глупые компоненты для макета
6. примеры: UserPage, FollowersSidebar, StoryContainer, FollowedUserList

Я кладу их в разные папки, чтобы сделать их различие явным.
Читать дальше →

Обнаружил еще несколько забавных и полезных игр для программистов (см. предыдущие серии здесь, здесь и здесь).

• Screeps: "The world's first MMO strategy open world game for programmers". Стратегическая онлайн игра, в которой нужно захватить мир, программируя колонию существ - creep'сов. Существо-creep имеет ограниченное время жизни, может собирать ресурсы, строить дороги и здания, атаковать врагов. Программируется все это дело на javascript'е.  
• Codewars: выполнение ката для каратистов программистов. Не совсем игра, скорее тренажер для изучения различных языков программирования. Нужно решать усложняющиеся со временем задачки на одном или нескольких языках программирования: JavaScript, CoffeeScript, Ruby, Python, Clojure, Haskell, Java. Очень красиво сделана, после того, как решаешь задачку тебе показывают решения других программистов. Иногда выясняется, что вместо того, чтобы городить огород, достаточно написать одну строку. Полезный сайт, чтобы не забывать неиспользуемые в данный момент языки. 
• Codehunt: сделано в Microsoft Research, игра для изучения Java и C#. "Code Hunt is a game! The player, the code hunter, has to discover missing code fragments. The player wins points for each level won with extra bonus for elegant solutions".
• CodeCombat: "If you want to learn to program, you don't need lessons. You need to write a lot of code and have a great time doing it.
  
  That's what programming is about. It's gotta be fun. Not fun like yay a badgebut fun like NO MOM I HAVE TO FINISH THE LEVEL! That's why CodeCombat is a multiplayer game, not a gamified lesson course. We won't stop until you can't stop--but this time, that's a good thing.
  
  If you're going to get addicted to some game, get addicted to this one and become one of the wizards of the tech age."
  В общем для обучения школьников программированию в игровой форме.
• Codemonkey:  Еврейская => платная игра :). "CodeMonkey is an online game that teaches programming in a real programming language called CoffeeScript. In the game, users control a monkey and help him catch bananas by writing lines of code."
• Fightcodegame: Вариация на старую тему боевых роботов. "Code your own robot with javascript, chalenge friend or foe to win glory and fortune, be the best and start climbing the ranks". 
• JSDares: "Make your own games by learning JavaScript programming!
  You learn programming by completing dares. These are short puzzles in which you have to copy the example, in as few lines of code as possible. They start simple, and become more difficult as you progress.
  For now we only provide a number of examples. In the future we will provide some collections of dares to start with, and you will also be able to make and share your own dares. You can also play around in the full editor".
• play.elevatorsaga.com: JS игра, управление лифтом.

Сотрудники Node.js и члены Node.js Foundation с гордостью представляют 4.0.0 версию продукта. В этот релиз включены бесчисленные часы совместной работы проектов Node.js и io.js, которые были успешно объедены в одну кодовую базу. Проект Node.js управляется командой из 44 человек, 15 из которых формируют Technical Steering Committee (TSC). Кроме того, более 100 участников были добавлены в список людей, способных влиять на развитие ядра, по сравнению с числом участников версии v0.12.7.

Node.js v4.0.0 содержит V8 v4.5, это та же версия V8, которая поставляется вместе с веб браузером Chrome сегодня. Это привносит с собой множество бонусов для пользователей Node.js, наиболее важные из которых, это поддержка ES6 стандарта, который включен по умолчанию, включая блочную область видимости, классы, типизированные массивы (Node's Buffer теперь работает поверх Uint8Array), генераторы, Promises, Symbols, строковые шаблоны, коллекции (Map, Set, и так далее) и, новая возможность для V8 v4.5 — стрелочные функции.
Читать дальше →

Доброго дня, новички, сегодня мы попытаемся переделать нашу игрушку, разучивая основы новых для нас «технологий»:

• AngularJS
• DataBoom

На ангуларе попробуем переписать основные части нашего приложения, чтобы разобраться, что это такое и с чем его едят. Поэтому в первой части я постараюсь наиболее подробно описать вам курс, чтобы вы не разбились о подводные камни, которые в немалом количестве содержатся на вашем пути знакомства с angular.

Ну а во второй части с помощью DataBoom создадим замечательную очередь событий, как в оригинальной игре (напоминаю, что делаем по образу и подобию HeartStone). Забегая вперед скажу, что в следующий раз мы вообще избавимся от php сервера, и полностью перейдем на Databoom, но это уже совсем другая статья…


Читать дальше →

Привет, Хабрахабр! Сегодня в рамках кампании #nohacked мы хотели бы поговорить о том, как решить проблему с несанкционированным внедрением контента на сайт. Даже если вы не подвергались такой атаке, не пренебрегайте нашими рекомендациями – они помогут защитить ваш ресурс и от других методов взлома. Следите за обсуждением в Twitter и Google+ с помощью хештега #nohacked (см. часть 1, часть 2, часть 3, часть 4).


Читать дальше →