Downloaded 10 times
Uploaded byFwdays
"Frameworks in 2015" Андрей Листочкин
The document discusses various JavaScript frameworks from 2015, focusing on their architectures, ecosystems, and comparative aspects. It highlights trends in unidirectional data flow, component-based design, and the challenges of open-source collaboration. Additionally, it delves into specific frameworks like Angular, React, and Ember, examining their respective tools, testing methods, and future trajectories in web development.
More Related Content
![[React Native Tutorial] Lecture 6: Component, Props, and Network](https://cdn.slidesharecdn.com/ss_thumbnails/l6-component-prop-network-160920050452-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to "Frameworks in 2015" Андрей Листочкин
"Frameworks in 2015" Андрей Листочкин
- 1. Frameworks in 2015 AndreyListochkin @listochkin github.com/listochkin github.com/dev-ua
- 2.
- 3.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. Write It ByHand
- 18.
- 19. Ember Ember Data Ember CLI EmberInspector Ember Deploy LiquidFire EmberFire Ember Paper
- 20.
- 21.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49. Grunt vs Gulp Browserifyvs Webpack Test’em vs Karma Selenium vs Protractor
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. We've found 1,276 repositoryresults https://github.com/search? q=flux&l=JavaScript&type=Repositorie s
- 56. Facebook Flux Reflux Fluxxor Fluxible byYahoo Alt Flummox Marty.js McFly Lux Fynx Fluxy
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66. Github stars Green Badges GreatDocs Big Early Adopters API compatibility Issues Triaging
- 67.
- 68.
- 69.
- 70. great artists steal Steve Jobs PabloPicasso Igor Stravinsky William Faulkner T. S. Eliot W. H. Davenport Adams
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95. Ember 1.0 rc8 Aug29, 2013
- 96.
- 97.
- 98.
- 100.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 109. global UI state vs localUI state
- 110. Router.map -> @route 'talk/new',path: 'talks/new' @route 'schedule', { path: 'talks' }, -> @route 'talk', path: ':talk_id'
- 111. Router.map -> @route 'talk/new',path: 'talks/new' @route 'schedule', { path: 'talks' }, -> @route 'talk', path: ':talk_id'
- 112. Router.map -> @route 'talk/new',path: 'talks/new' @route 'schedule', { path: 'talks' }, -> @route 'talk', path: ':talk_id'
- 113. Router.map -> @route 'talk/new',path: 'talks/new' @route 'schedule', { path: 'talks' }, -> @route 'talk', path: ':talk_id'
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123. Component shows DOM DOM events=> actions manages children
- 124.
- 125. got a form? writea component! even when you don’t reuse
- 126.
- 127.
- 128.
- 129.
- 130.
- 131.
- 132.
- 133.
- 134.
- 135.
- 137.
- 138.
- 139.
- 140.
- 141.
- 142.
- 143.
- 144.
- 145.
- 146.
- 147.
- 149.
- 150.
- 151.
- 152.
- 153.
- 156.
- 157.
- 158. JSX as aData Structure
- 159.
- 160.
- 161.
- 162.
- 163. @Stateful({ initialize (props) { return{ count: 0 }; }, reducers: { increment (props, state) { return { count: state.count + 1 }; } } }) class Counter { static propTypes = { count: PropTypes.number.isRequired, increment: PropTypes.func.isRequired }; render () { const { count, increment } = this.props; return ( <button onClick={increment}> Pressed {count} times. </button> ) } }
- 164. class MyComponent extendsHTMLElement { ... }
- 165.
- 166.
- 167.
- 168.
- 169.
- 170.
- 171.
- 172.
- 173.
- 174.
- 175. Render Tree Routing Data Explorer DIContainer Deprecations Promises Performance
- 176.
- 177.
- 178.
- 179.
- 180.
- 181.
- 182. visit('talks/new'); fillIn('input.title', 'My CoolTalk'); click('button.submit'); andThen(() => { equal( find('ul.talks li:last').text(), 'My Cool Talk'); });
- 183.
- 184.
- 185.
- 186.
- 187.
- 188. Native UI JS forApp and Network
- 189.
- 191.
- 192. Angular 2 ReactEmber Router y y y Components y y y ES.next y y y vDOM w y w FP+immutable n w w monadic declarations n w n Data n w y Asset Pipeline n n y Addons n n y UI testing n n y Browser Tools n n y Hot Reload n y n Isomorphic w y w Native n y n Rolling Releases n n y
- 193.
- 194.
- 195.
- 196. you don’t haveto be productive, innovative, or popular to be successful
- 197.