Как мы готовим React Алексей Петроченков Senior software developer EPAM Systems

Flux Почему react? 2 2 Удобство работыFLUX Виртуальный DOM -> Скорость

Flux React component libraries 3 3 Material UIReact-Bootstrap???

Flux Material UI 4 4 Проблемы: Верстка Документация Баги

Flux Документация по React-Bootstrap 5 5

Flux Печалька 6 6

Flux React-Router Вьюха Viewport.react.js

Flux 8 8

Три store один view 9 9 Store 1Store 3Store 2 React View 5 ms 15 ms 16 ms DOM Virtual render RENDER 1 23

Flux Печалька 10

Flux AJAX 11

Flux REACT-DND [СЛАЙД 11] 12

Flux POPUP [СЛАЙД 11] 13 React.render(reactElement, document.body) Чистит боди и рендерит в него reactElement

Flux KEY [СЛАЙД 11] 14 array.map((item, index) => { return ; }); Как оказывается комбинация index + d не является уникальной в пределах родителя key={shortid.generate()} - наше спасение

Flux PERFORMANCE [СЛАЙД 11] 15 MOBILE (NEXUS 5, CHROME 41) DESKTOP

Flux PERFORMANCE [СЛАЙД 11] 16

Flux REACT 0.14 [СЛАЙД 11] 17

Flux GOOD LUCK! [СЛАЙД 11] 18 React + FLUX = …