React.js – intro

•

0 j'aime•971 vues

Andrew Makarow

React.js presentation

Technologie

Введение в React.js
http://facebook.github.io/react/
@r3nya

Что это?
● React – это не еще один MVC фреймворк
● Это библиотека для построения UI

Основные концепции и фичи
● Just UI
● Virtual Dom
● Data Flow
● Server rendering

Props.
● От Родительского к Дочернему
компоненту
● Это может быть объект, массив и т.д.
● Эти данные не изменяемые (константа)

State
● Изменяемые данные внутри компонента
● Когда state изменяется, компонент
перерисовывается

Жизненный цикл
● component (Will / Did / WillUn) Mount
● getInitialState
● getDefaultProps

React Native
● Fb Groups
● Fb Ads Manager

Спасибо!
me@r3nya.ru
@r3nya в twitter/github/fb/etc

Recommandé

#5 "React.js" Антон АртамоновJSib

#11 "Отзывчивый UI без блокировки Event Loop" Денис РечкуновJSib

Redux и изоморфные приложенияJohn Wezel

#6 "Изоморфный фреймворк Catberry.js" Денис РечкуновJSib

Background jsАртем Захарченко

Современный фронтенд -- как не утонуть в море хайпа?Vladimir Malyk

"Изоморфная разработка на javascript с помощью react.js" Максим КлимишинFwdays

#13 "Управление состоянием в Redux" Роман СальниковJSib

Recommandé

#5 "React.js" Антон АртамоновJSib

#11 "Отзывчивый UI без блокировки Event Loop" Денис РечкуновJSib

Redux и изоморфные приложенияJohn Wezel

#6 "Изоморфный фреймворк Catberry.js" Денис РечкуновJSib

Background jsАртем Захарченко

Современный фронтенд -- как не утонуть в море хайпа?Vladimir Malyk

"Изоморфная разработка на javascript с помощью react.js" Максим КлимишинFwdays

#13 "Управление состоянием в Redux" Роман СальниковJSib

Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"Fwdays

Изоморфные react-приложенияDenis Izmaylov

webpack: 7 бед - один ответDenis Izmaylov

React + Redux. Опыт использованияGDG Odessa

Актуальные технологии и тренды в веб-разработкеDenis Izmaylov

Изоморфные React-приложения: производительность и масштабированиеDenis Izmaylov

Микросервисная архитектура на базе CoreOS и KubernetesDenis Izmaylov

Изоморфный JavaScript — будущее уже здесьCodeFest

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьScrumTrek

Javascript-фреймворки:  должен остаться только одинSergey Xek

A.pleshkovkuchinskaya

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25MoscowJS

"Web Vitals monitoring & optimizations", Erik HimiranovFwdays

#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...JSib

Как мы разрабатываем новый фронтенд / Филипп Нехаев (Tinkoff.ru)Ontico

Vue.js и его брат-близнец Vue-server.js / Андрей Солодовников (НГС)Ontico

Angular vs Angular 2 vs React. Сергей АлександровEatDog

Виталий Ратушный "Vue: webcomponents"Fwdays

"Vue.js или как наконец отказаться от React"Fwdays

2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...Омские ИТ-субботники

React JS and why it's awesomeAndrew Hull

Александр Кашеверов — Обзор React.jsDataArt

Contenu connexe

Tendances

Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"Fwdays

Изоморфные react-приложенияDenis Izmaylov

webpack: 7 бед - один ответDenis Izmaylov

React + Redux. Опыт использованияGDG Odessa

Актуальные технологии и тренды в веб-разработкеDenis Izmaylov

Изоморфные React-приложения: производительность и масштабированиеDenis Izmaylov

Микросервисная архитектура на базе CoreOS и KubernetesDenis Izmaylov

Изоморфный JavaScript — будущее уже здесьCodeFest

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальностьScrumTrek

Javascript-фреймворки:  должен остаться только одинSergey Xek

A.pleshkovkuchinskaya

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25MoscowJS

"Web Vitals monitoring & optimizations", Erik HimiranovFwdays

#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...JSib

Как мы разрабатываем новый фронтенд / Филипп Нехаев (Tinkoff.ru)Ontico

Vue.js и его брат-близнец Vue-server.js / Андрей Солодовников (НГС)Ontico

Angular vs Angular 2 vs React. Сергей АлександровEatDog

Виталий Ратушный "Vue: webcomponents"Fwdays

"Vue.js или как наконец отказаться от React"Fwdays

2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...Омские ИТ-субботники

Tendances (20)

Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"

Изоморфные react-приложения

webpack: 7 бед - один ответ

React + Redux. Опыт использования

Актуальные технологии и тренды в веб-разработке

Изоморфные React-приложения: производительность и масштабирование

Микросервисная архитектура на базе CoreOS и Kubernetes

Изоморфный JavaScript — будущее уже здесь

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность

Javascript-фреймворки:  должен остаться только один

A.pleshkov

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25

"Web Vitals monitoring & optimizations", Erik Himiranov

#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...

Как мы разрабатываем новый фронтенд / Филипп Нехаев (Tinkoff.ru)

Vue.js и его брат-близнец Vue-server.js / Андрей Солодовников (НГС)

Angular vs Angular 2 vs React. Сергей Александров

Виталий Ратушный "Vue: webcomponents"

"Vue.js или как наконец отказаться от React"

2015-11-07 01 Виталий Кравцов. Webpack: человеческий подход к разработке веб ...

En vedette

React JS and why it's awesomeAndrew Hull

Александр Кашеверов — Обзор React.jsDataArt

«Typescript: кому нужна строгая типизация?», Григорий Петров, MoscowJS 21MoscowJS

LvivJS 2014 - Win-win c React.jsMax Klymyshyn

Верстка Canvas, Алексей Охрименко, MoscowJS 31MoscowJS

React koansAlex Lobera

Артем Тритяк, Lead Front-End developer в Electric CloudProvectus

ES6 — уровень реализации и возможности использования — Денис ТужикYandex

Hey webpackAndrew Makarow

Александр Русаков - TypeScript 2 in actionMoscowJS

React 중운 박

En vedette (11)

React JS and why it's awesome

Александр Кашеверов — Обзор React.js

«Typescript: кому нужна строгая типизация?», Григорий Петров, MoscowJS 21

LvivJS 2014 - Win-win c React.js

Верстка Canvas, Алексей Охрименко, MoscowJS 31

React koans

Артем Тритяк, Lead Front-End developer в Electric Cloud

ES6 — уровень реализации и возможности использования — Денис Тужик

Hey webpack

Александр Русаков - TypeScript 2 in action

React

Similaire à React.js – intro

React новая эра фронтенд разработки / Роберт Харитонов (Liberty Global)Ontico

Какой фреймворк нам нужен для Web? Денис ЦыплаковAlex Tumanoff

Как я перестал беспокоиться и полюбил ReduxIT61

Павел Брылов, SkypeOntico

Расширяемая платформа для создания и управления автоматизированными тестами н...jazzteam

Как пройти собеседование и получить первую работу на SwiftAnton Loginov

Entity frameworkScaiper

Ruby On Rails: Web-разработка по-другому!Constantin Kichinsky

MWWMCleveroad

Доклад Виталия Котова на конференции LoveQA. "Selenium тесты. От RC и одного ...Badoo Development

ORM battle. MyBatis vs HibernateAlexey Zinoviev

2012-12-01 03 Битва ORM: Hibernate vs MyBatis. Давайте жить дружно!Омские ИТ-субботники

Как перейти с двухзвенной архитектуры Desktop приложения на трехзвенную за од...GoSharp

ASP.NET, MVC, ASP.NET MVCGetDev.NET

2015-12-06 Антон Тарасенко - Ваш следующий сервис будет асинхроннымHappyDev

Архитектурные решения при создании облачного сервиса на Asp.NetGoSharp

DEV Labs 2016. Искусство быстрого стартаSasha Soleev

MyBatis и Hibernate на одном проекте. Как подружить?Alexey Zinoviev

CodeFest 2013. Зиновьев А. — MyBatis & Hibernate, давайте жить дружно!CodeFest

Do you know what you are testing?Mikalai Alimenkou

Similaire à React.js – intro (20)

React новая эра фронтенд разработки / Роберт Харитонов (Liberty Global)

Какой фреймворк нам нужен для Web? Денис Цыплаков

Как я перестал беспокоиться и полюбил Redux

Павел Брылов, Skype

Расширяемая платформа для создания и управления автоматизированными тестами н...

Как пройти собеседование и получить первую работу на Swift

Entity framework

Ruby On Rails: Web-разработка по-другому!

MWWM

Доклад Виталия Котова на конференции LoveQA. "Selenium тесты. От RC и одного ...

ORM battle. MyBatis vs Hibernate

2012-12-01 03 Битва ORM: Hibernate vs MyBatis. Давайте жить дружно!

Как перейти с двухзвенной архитектуры Desktop приложения на трехзвенную за од...

ASP.NET, MVC, ASP.NET MVC

2015-12-06 Антон Тарасенко - Ваш следующий сервис будет асинхронным

Архитектурные решения при создании облачного сервиса на Asp.Net

DEV Labs 2016. Искусство быстрого старта

MyBatis и Hibernate на одном проекте. Как подружить?

CodeFest 2013. Зиновьев А. — MyBatis & Hibernate, давайте жить дружно!

Do you know what you are testing?

React.js – intro

1. Введение в React.js http://facebook.github.io/react/ @r3nya

2. Что это? ● React – это не еще один MVC фреймворк ● Это библиотека для построения UI

3. И … быстро. Все происходит быстро ...

4. Кто использует? MOAR!

5. Основные концепции и фичи ● Just UI ● Virtual Dom ● Data Flow ● Server rendering

7. Смешивание разметки и JS в один файл?

9. Компоненты везде

10.

11.

12. Props. ● От Родительского к Дочернему компоненту ● Это может быть объект, массив и т.д. ● Эти данные не изменяемые (константа)

13.

14.

15. State ● Изменяемые данные внутри компонента ● Когда state изменяется, компонент перерисовывается

16. demo

17. r3nya.ru/react

18. Жизненный цикл ● component (Will / Did / WillUn) Mount ● getInitialState ● getDefaultProps

19. React Conf 2015

20.

21. React Native ● Fb Groups ● Fb Ads Manager

22. ?

23. Спасибо! me@r3nya.ru @r3nya в twitter/github/fb/etc