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

React.js – intro

Jul 24, 2015

Download

Technology

Andrew Makarow
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: React.js – intro

Введение в React.jshttp://facebook.github.io/react/

@r3nya

Page 2: React.js – intro

Что это?

● React – это не еще один MVC фреймворк

● Это библиотека для построения UI

Page 3: React.js – intro

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

Page 5: React.js – intro

Основные концепции и фичи

● Just UI● Virtual Dom● Data Flow● Server rendering

Page 6: React.js – intro
Page 7: React.js – intro

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

Page 8: React.js – intro
Page 9: React.js – intro

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

Page 10: React.js – intro
Page 11: React.js – intro
Page 12: React.js – intro

Props.

● От Родительского к Дочернему компоненту

● Это может быть объект, массив и т.д.● Эти данные не изменяемые (константа)

Page 13: React.js – intro
Page 14: React.js – intro
Page 15: React.js – intro

State

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

перерисовывается

Page 18: React.js – intro

Жизненный цикл

● component (Will / Did / WillUn) Mount ● getInitialState● getDefaultProps

Page 20: React.js – intro
Page 22: React.js – intro

?

Page 23: React.js – intro

Спасибо!

[email protected]@r3nya в twitter/github/fb/etc