Coding monday

  • View
    29

  • Download
    0

Embed Size (px)

Text of Coding monday

  • react react-native

  • Toughbyte

    http://toughbyte.com

    http://toughbyte.com

  • Web 1.0 (HTTP)Backend

    PHP, Java, .NET

    Frontend HTML, CSS

    GET, POST

    Backend PHP, Java, .NET

    Frontend HTML, CSS

    GET, POST

  • WEB 2.0 (AJAX)Backend

    PHP, Java, .NET

    Frontend HTML, CSS, Javascript

    (jQuery, Zepto, Prototype)

    Frontend HTML, CSS, Javascript

    (jQuery, Zepto, Prototype)

    XHRXHR JSON, XML

  • Single Page Apps

    Frontend

    XHRBrowser Events

    Web Sockets

  • SPA Frameworks Ember

    Backbone

    Knockout

    Angular

    Batman

    CanJS

  • Angular (two-way binding)

    (DI)

    open source

  • (Dependency injection)

  • Angular (two-way binding)

    (DI)

    server-side rendering

  • server-side rendering

  • Angular

  • Web 1.0 (HTTP)Backend

    PHP, Java, .NET

    Frontend HTML, CSS

    GET, POST

    Backend PHP, Java, .NET

    Frontend HTML, CSS

    GET, POST

  • React.js

    DOM-

    Javascript

    Virtual DOM

    diff- (O(n3) -> O(n))

  • React MVC

    React - UI,

  • React

    Javascript

    React ,

    Javascript. , XSS-

  • React-

  • JSX - Javascript syntax extension

  • JSX -

  • React-props state

    Rendered view

  • Stateful-

  • react- - Flux

  • Redux

  • Reduce

  • ReduxInitial app state

    Reduce(appState, action)

    New app state

  • React + Redux

  • Actions

  • Reducer

  • Component

  • React-native

  • Learn once, write everywhere,

    Write once, run everywhere

  • React (https://facebook.github.io/react/)

    React-native (https://facebook.github.io/react-native/)

    Flux (https://facebook.github.io/flux/)

    Redux (http://redux.js.org)

    React tutorials (https://medium.com/react-tutorials)

    https://facebook.github.io/react/https://facebook.github.io/flux/http://redux.js.org

  • Dan Abramov (https://github.com/gaearon, https://

    twitter.com/dan_abramov, https://medium.com/@dan_abramov)

    Michael Jackson (https://github.com/mjackson, https://twitter.com/mjackson)

    https://twitter.com/Vjeux

    Cheng Lou (https://github.com/chenglou, https://twitter.com/_chenglou)

    https://github.com/gaearonhttps://twitter.com/dan_abramovhttps://medium.com/@dan_abramovhttps://github.com/mjacksonhttps://twitter.com/mjacksonhttps://twitter.com/Vjeuxhttps://github.com/chenglou

  • Facebook - https://www.facebook.com/meafmira

    Github - https://github.com/miafmira

    Twitter - https://twitter.com/meafmira

    https://www.facebook.com/meafmirahttps://github.com/miafmirahttps://twitter.com/meafmira