Метка «React»

AngularJS и ReactJS или как сделать ваше приложение быстрее

2014-03-12 в 22:47, admin, рубрики: AngularJS, javascript, React, метки: AngularJS, javascript, React

Современный мир программирования, а особенно веб и javascript уже давно не тот и имеет очень большое колличество инструментов для той или иной задачи. В сегодняшнем посте я хотел бы рассказать как скрестить мощь AngularJS и молниеносность отображения view – Facebook React.

Всем известно, что когда мы генерируем коллекцию во view через Angular, то каждый элемент этой коллекции становится observable. Я конечно понимаю и знаю что есть определенный набор библиотек и решений как это обойти, но сегодня речь не об этом. Что же дает нам React? Ну одно из его преимуществ, это jsx синтаксис, который есть не что иным как html в javascript. Также есть возможность создавать reusable компоненты, наследовать их и использовать всю мощь что позволяет делать эта библиотека. Что же приступим.
Читать полностью »

Новый конкурент SnapChat! React Messenger использует ваше лицо вместо смайликов

2013-11-27 в 14:52, admin, рубрики: apple, appstore, iOS 7, React, разработка под iOS, метки: appstore, ios 7, React

Так называемые selfie довольно давно стали популярными и ещё очень не скоро выйдут из моды. Небезизвестный snapchat который отказался быть купленным за колоссальную сумму в 4 миллиарда долларов является самым прямым доказательством этому. Точно так же как и удобные личные сообщения всегда будут атрибутом любого смартфона и операционной системы.

React Messenger — стартап из Лос-Анжелеса включает в себя функционал обеих программ и вполне вероятно будет очень популярным среди молодёжи.
Идея программы заключается в том что вместо отправки смайлика в конце сообщения вы будете отправлять фото своего собственного лица — так называемую «реакцию».

Читать полностью »

Warp9 — еще одна реактивная js библиотека. На этот раз компонуемая и без утечек

2013-10-31 в 12:16, admin, рубрики: angular, javascript, knockout, React, Веб-разработка, функциональное программирование, метки: angular, knockout, React

Warp9 — еще одна реактивная js библиотека. На этот раз компонуемая и без утечек

Существует множество реактивных и около-реактивных библиотек для создания графического интерфейса на js: Angular, Knockout, React, RxJS… Спрашивается, зачем писать еще одну. Оказывается, во всех них, помимо фатального недостатка, есть еще несколько.

Читать полностью »

Битва за Кложуру или операция «Боевой Магнит»

2013-10-01 в 8:27, admin, рубрики: clojure, clojurescript, contest, FRP, javascript, React, Веб-разработка, метки: clojure, clojurescript, contest, FRP, React

Участвовали в Clojure Cup 2013 вместе с Саней ingspree, Сергеем Joes и Ромой rofh. Наверное, вы видели нарезку, а может и полное выступление Сани о кложурскрипте и реактивном программировании. Вот и подвернулась возможность попробовать эти технологии в бою.

Тематика соревнования — за 48 часов напилить что-нибудь, используя Clojure или ClojureScript. Из разных вариантов решено было пилить браузерный Risk, в частности потому, что все существующие приложения убоги интерфейсом, или написаны на Flash, или, ещё того хуже — Silverlight, или ещё каким-нибудь образом портят времяпровождение. Коллективно придумалось хорошее название — War Magnet.

Недолго думая, мы решили писать и сервер на Clojure, и клиент на ClojureScript, с использованием общего кода. Из четырёх участников только у Сани был хоть какой-то опыт написания на кложуре, а у остальных был только опыт решения нескольких десятков задачек на 4clojure.

Читать полностью »

Гид по реактивному JS: краткая история web-приложений

2013-08-11 в 11:59, admin, рубрики: AngularJS, elm, javascript, knockout, React, templates, Веб-разработка, метки: AngularJS, elm, knockout, React, templates

В последнее время появляется все больше и больше разных библиотек для создания сложных приложений на js. Оценить масштаб бедствия можно по замечательному сайту TodoMVC, на которой создатели библиотек выкладывают реализации одного и того же приложения, по одной и той же спецификации, но каждый с использованием своего детища для того, чтобы библиотеки можно было бы сравнить между собой на «реальном» примере.

В серии статей я постараюсь сравнить AngularJS (by Google), Knockout, React (by Facebook), RxJs (by Microsoft), Elm и reactive.coffee. В процессе этого я сделаю акцент на идею в основе каждой библиотеки, её происхождение, интересные детали реализации и естественные ограничения. Сравнивать их я постараюсь не на прямую, а оценивая каждую библиотеку с точки зрения composability (возможности к композиции), сложности библиотеки и сложности задач, которые можно решать.

Прежде, чем начать сравнение, я предлагаю окунуться в историю web-приложений, чтобы понять, откуда и для решения каких задач, появились подходы, которые мы сейчас используем. Кроме того, тот, кто не знает историю, обречен повторять ошибки прошлого.Читать полностью »

React: javascript-фреймворк от Facebook

2013-08-06 в 19:51, admin, рубрики: Facebook, javascript, React, Веб-разработка, метки: Facebook, javascript, React

Странно, что на Хабре до сих пор не писали о React — простом javascript-фреймворке от Facebook для создания веб-интерфейсов с переиспользуемыми компонентами.

В статье я опишу только концепцию фреймворка в общих чертах. С пошаговым описание разработки демо-приложения неплохо справляется tutorial, в котором создается виджет для комментариев, подобный Disqus, правда, выглядящий несколько попроще, а именно, так:

Читать полностью »