FrontBox - what frontend web development is? Let's discover ReactJS!
•Download as PPTX, PDF•
0 likes•1,000 views
Frontend is a branch of development that had dramatically evolved through time and that is evolving even faster when it come to web frontend. What we learn today will become obsolete quite soon and we need to use today's knowledge to wisely choose tomorrow's learning paths. In this talk I give you my point of view about frontend, I present FrontBox - a frontend meetup in Malmo, and I give you an introduction to ReactJS.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Recently uploaded
Recently uploaded (20)
FrontBox - what frontend web development is? Let's discover ReactJS!
- 14. GMAIL
- 16. They Change!
- 19. WHAT IS IT?
- 20. UI Library
- 21. One Way
- 22. Fast Rendering
- 23. Isomorphic App
- 24. WHAT ISN’T IT?
- 29. HELLO WORLD! (time to code)
- 30. JSX Javascript JSX is not HTML
- 35. FireSlide.io (time to code, again!)
- 37. Resources • FireSlide.io (GitHub.com/marcopeg/fireslide) • GitHub.com/marcopeg/LearningReact • GitHub.com/politejs/workspace • https://www.npmjs.com/package/fluxo
- 38. Keep in Touch • @ThePeg • marco.pegoraro@gmail.com • noBlackMagic.com • npmjs.com/~marcopeg • GitHub.com/marcopeg • GitHub.com/politejs
Editor's Notes
- that would have been me in the 70’ and look the office we have all around us (pointing to the FooCafe open space)
- in the beginning computers were big deals
- then they have gotten smaller so they could fit our desks
- computers had evolved into smaller and portable things … … to the point we can wear them!
- once upon a time we used alerts and confirms to interact with our users
- April 1, 2004 — modern web development era
- what those libraries have in common? (THEY CHANGE — next slide)
- knowledge sharing — javascript — css / layouts — design — developer tools
- TRANSFORMS DATA INTO A COMPOSITION OF ELEMENTS
- COMPUTE DIFFS TO KEEP DOM OPERATIONS AT BARE MINIMUM
- render on server, apply event handlers on client fast page loading time optmised for search engine
- compared to JQUERY
- compared to METEOR
- compared to Mustache
- compared to KnockoutJS or AngularJS
- GitHub.com/marcopeg/LearningReact
- react lies in the grey area no data responsibilities no native rendering responsibilities
- a component is a room with thick walls only few controller arrows can cross the wall
- FLUX IS A DATA ORGANISATION PATTERN is not a library is not a code pattern https://www.npmjs.com/package/fluxo
- GitHub.com/marcopeg/fireslide