thinking reactively
Post on 12-Apr-2017
178 Views
Preview:
TRANSCRIPT
! twitter.com/sabinmarcu "facebook.com/sabinmarcu # linkedin.com/in/sabinmarcu $ github.com/sabinmarcu
• Startup in Analytics
! twitter.com/sabinmarcu "facebook.com/sabinmarcu # linkedin.com/in/sabinmarcu $ github.com/sabinmarcu
• Startup in Analytics
• Developer (not Web Developer / Java Developer, etc)• 3rd Year – Computer Science @ Southampton Uni• Experience:
๏ Java, C++, PHP, JavaScript ๏ Projects starting from CMS / whole systems, to libraries and experiments
! twitter.com/sabinmarcu "facebook.com/sabinmarcu # linkedin.com/in/sabinmarcu $ github.com/sabinmarcu
• Startup in Analytics
• Developer (not Web Developer / Java Developer, etc)• 3rd Year – Computer Science @ Southampton Uni• Experience:
๏ Java, C++, PHP, JavaScript ๏ Projects starting from CMS / whole systems, to libraries and experiments
• Web Development since 2009• Node JS since 2011• Angular JS since 2013• React since 2015
! twitter.com/sabinmarcu "facebook.com/sabinmarcu # linkedin.com/in/sabinmarcu $ github.com/sabinmarcu
• Startup in Analytics
• Developer (not Web Developer / Java Developer, etc)• 3rd Year – Computer Science @ Southampton Uni• Experience:
๏ Java, C++, PHP, JavaScript ๏ Projects starting from CMS / whole systems, to libraries and experiments
• Web Development since 2009• Node JS since 2011• Angular JS since 2013• React since 2015
• HackaSoton director since the beginning
! twitter.com/sabinmarcu "facebook.com/sabinmarcu # linkedin.com/in/sabinmarcu $ github.com/sabinmarcu
• Overview• Competition
• Facebook’s Reasoning• Comparison with Angular
• Redux• Flux• React
• Examples
• Overview• Competition
• Facebook’s Reasoning• Comparison with Angular
• Redux• Flux• React
• Examples
• Recap• Questions
• Overview• Competition
• Facebook’s Reasoning• Comparison with Angular
• Redux• Flux• React
• Examples
• Recap• Questions
• ???
• Overview• Competition
• Facebook’s Reasoning• Comparison with Angular
• Redux• Flux• React
• Examples
• Recap• Questions
• ???
• Profit
Basic Websites / General Website Frontend
Small Scripts / Fiddles
Showing off as a beginner
NOT to be used as a primary tool with an app
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
one comment box
author
timestamp
comment
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
one comment box
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
one comment box
Comment form
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
one comment box
Comment form
Comment section
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope Comment Section
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope Comment Section
Article
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope Comment Section
Article
Admin
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
one comment box
Comment form
Comment section
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope ScopeStore
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope ScopeStore
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope ScopeStore
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope ScopeStore
Dispatch
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope
Scope
Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope ScopeScope
Scope Scope
Scope ScopeStore
Dispatch
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Scope
Scope Scope
Scope Scope
Legend: • Affected • Dispatcher
Reducers
Initial state
final state
Flux
Reducers
Initial state
final state
Reducers
Initial state
final state
Reducers
Initial state
final state
Reducers
Initial state
final state
Reducers
final state
Reducers
Initial state
final state
Own Projects • http://sabinmarcu.github.io/labs/ • http://sabinmarcu.github.io/labs/react-demo/ • http://sabinmarcu.github.io/labs/sortable-paper/
Canvas & WebGL • http://react.rocks/tag/Canvas • http://react.rocks/tag/WebGL
Serverside Render • https://github.com/mhart/react-server-example
Real life examples • https://www.messenger.com/ • http://react.rocks/
top related