First React example:
Components are self-
• Imagine you implement a list of elements.
• You create ItemList component, and Item
• You can re-use this part everywhere in the app.
It does not depend on ItemList at all.
Components can remain
• Every component has 2 arguments: props and
• You can access the second argument in
• You can reference owned (rendered in your
render function) via ref props
• You can access real DOM using getDOMNode()
• You can plug in to lifecycle of the component
It changed our thinking
• Creating UI is faster
• Less error-prone
• We can focus on what we like - trying new
• Domain streams - every part of the app gets
notiﬁed about domain changes of a given
• Stand-alone components: they emit an event to
request for its state (we have it)
• Good technique to deal with state passing - we
have few ideas here
We are making front-end techniques course.
• We’re going to tell you about:
• Refactoring to micro-apps (visit our blog, the post is already here)
• Using React.js in your components
• Techniques to deal with ‘front-end ﬁrst methodology’
• Segregating apps by it’s purpose (and with React and RxJS it’s
• Many small apps vs. one big app
• Domain streams
Visit blog.arkency.com and register!
Direct link: http://blog.arkency.com/