VDOM своими руками

Привет. У многих frontend-разработчиков бытует мнение, что технология VDOM, которая, в частности, используется в React.js, работает как черный ящик. Так же на просторах npm есть куча библиотек, реализующих эту технологию, однако вот как по мне — так в них черт ногу сломит. Сама тема VDOM-а...→ Читать внимательно

Разбор: как и зачем применять PureComponent в React

29 Июля вышел React 15.3, и первым пунктом в release-notes значилось добавление поддержки React.PureComponent, который заменяет своего предшественника pure-render-mixin. В этой статье обсудим, почему же этот компонент так важен и где его использовать. Читать дальше →...→ Читать внимательно

React.js на русском языке. Часть восьмая

Перевод официальной документации библиотеки React.js на русском языке. Оглавление: 1 — Часть первая — Установка 2 — Часть вторая — Внедрение JSX 3 — Часть третья — Отрисовка элементов 4 — Часть четвертая — Компоненты и свойства 5 — Часть пятая — Состояние и жизненный цикл 6 —...→ Читать внимательно

Можно ли обойтись без jsx и зачем?

Я уверен, большинство из вас, кто использует react используют jsx. Благодаря своему лаконичному синтаксису jsx улучшает читабельность шаблонов. Сравните: render() { return React.createElement('div', { className: 'block'}, 'Text of block'); } // vs render() { return <div className='block'> Text of block </div>; } Второй вариант даже в таком...→ Читать внимательно

Logux: Connection lost, data synchronized – интервью с Андреем Ситником (Злые Марсиане)

Что происходит, если вдруг на клиенте пропадает интернет? Возможно, на долю секунды, а может быть, на более ощутимый период? Все мы как пользователи сталкиваемся с нестабильным сигналом, плавающим качеством связи. Иногда это неважно, ведь хочется посмотреть какое-то...→ Читать внимательно

React.js на русском языке. Часть третья

Перевод официальной документации библиотеки React.js на русском языке. Оглавление: 1 — Часть первая 2 — Часть вторая 2 — Часть третья Отрисовка элементов Элементы являются самыми мелкими компонентами приложения. Элемент описывает то, что вы хотите увидеть на экране: const element =...→ Читать внимательно