Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «reactjs»
Изучение React — для чего, откуда, как? 2015-10-22 11:36:49
... , что же такое ReactJS. Чтобы желание учиться ...
+ развернуть текст сохранённая копия
С чего начать изучение новой библиотеки или фрейморка? Сразу же найти статью на Хабре и с головой погрузиться в пучину практических примеров? Или сначала тщательно изучить официальную и неофициальную документацию, прежде чем перейти к практике? Именно между этими вопросами будет метаться ваше сознание, когда вы решите узнать, что же такое ReactJS. Чтобы желание учиться не умерло, как знаменитый ослик, обязательно загляните под капот.
Читать дальше →
Тэги: javascript, react, reactjs, веб-разработка, основы, программирование
parse.com как бесплатный fullstack: react.js + express.js + typescript + webpack в несколько строк кода 2015-10-05 09:46:45
+ развернуть текст сохранённая копия
Как я уже писал, конкуренция среди облачных платформ привела к тому, что для для невысоких по нагрузке задач ими можно пользоваться абсолютно бесплатно. При этом каждая из платформ старается продвигать уникальные «фишки» и балансирует платные и бесплатные предложения, которые варьируются в очень широких пределах от многолетнего «Bizspark» у Azure до «засыпающих» на 8 часов в сутки инстансов Heroku. Недавно купленная facebook платформа «parse.com» предлагает собственный ORM, россыпь SDK для всех платформ и довольно интересный облачный хостинг «parse cloud code», позволяющий использовать в их облаке javascript не только для работы с данными, но и для создания средней сложности сайтов. Модель монетизации у них тоже любопытная: сервисом можно пользоваться бесплатно, пока количество запросов к одному приложению не превышает 30 в секунду. А это, между прочим, довольно много. Под катом я расскажу как в несколько строк кода сделать заготовку веб сервиса, используя самый актуальный стек технологий: typescript 1.6 с jsx, React 0.13 с es6, webpack с лоадерами в ассортименте и немного свежего express.js
ознакомиться с заклинаниями
Тэги: javascript, parse.com, reactjs, typescript, voximplant, webpack, блог, веб-разработка, компании, разработка
Обзор релиз-кандидата React v0.14 2015-09-12 01:19:46
Мы рады представить вам наш первый релиз-кандидат версии React 0.14! Мы опубликовали в июле ...
+ развернуть текст сохранённая копия
Мы рады представить вам наш первый релиз-кандидат версии React 0.14! Мы опубликовали в июле анонс предстоящих изменениях, но сейчас мы еще больше стабилизировали релиз и нам бы хотелось, чтобы вы попробовали его до того, как мы выпустим финальную версию.
Сообщите нам, если у вас возникли любые проблемы, создав задачу в нашем GitHub репозитории
Подробности
Тэги: alpert, ben, candidate, javascript, react.js, reactjs, release, веб-разработка, перевод
[Из песочницы] Использование React JSX вместе с TypeScript 1.6 2015-09-11 12:35:35
Не так давно Microsoft объявила о выпуске TypeScript 1.6 Beta, одним из интересных, на мой ...
+ развернуть текст сохранённая копия
Не так давно Microsoft объявила о выпуске TypeScript 1.6 Beta, одним из интересных, на мой взгляд, нововведением является поддержка React/JSX, что в совокупности с особенностями TypeScript'а открывает новые возможности.
Я расскажу о личном опыте — как начал использовать связку TypeScript + React, с каким проблемами столкнулся и как их решал. А так же покажу примеры gulp-тасков для того, чтобы это все заработало и продемонстрирую код минимального todo приложения на TypeScript + React (ссылка на Github).
Если вам это интересно — пожалуйста, заходите под кат.
Читать дальше →
Тэги: gulp, javascript, node.js, nodejs, react, reactjs, typescript, веб-разработка
Умные и глупые компоненты React 2015-09-10 00:38:00
Делал перевод статьи The land of undocumented react.js: The Context, где сослался на статью ...
+ развернуть текст сохранённая копия
Делал перевод статьи 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 и так далее. Все это не абсолютно тоже самое но идея похожа.
Мои глупые компоненты:
- не зависят от остальной части приложения, например Flux actions или stores
- часто содержатся в this.props.children
- получают данные и колбэки исключительно через props
- имеют свой css файл
- изредка имеют свой state
- могут использовать другие глупые компоненты
- примеры: Page, Sidebar, Story, UserInfo, List
Мои умные компоненты:
- оборачивает один или несколько глупых или умных компонентов
- хранит состояние стора и пробрасывает его как объекты в глупые компоненты
- вызывает Flux actions и обеспечивает ими глупые компоненты в виде колбэков
- никогда не имеют собственных стилей
- редко сами выдают DOM, используйте глупые компоненты для макета
- примеры: UserPage, FollowersSidebar, StoryContainer, FollowedUserList
Я кладу их в разные папки, чтобы сделать их различие явным.
Читать дальше →
Тэги: javascript, reactjs, веб-разработка
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Главная / Главные темы / Тэг «reactjs»
|
Взлеты Топ 5
Падения Топ 5
|