FrontBox - what frontend web development is? Let's discover ReactJS!
Download as PPTX, PDF0 likes1,007 views
The document discusses various aspects of web development, particularly focusing on JavaScript, UI libraries, and templates. It touches on concepts like isomorphic apps, fast rendering, and resources for learning React. Contact information and additional resources are also provided for further exploration.
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
- #4: that would have been me in the 70’ and look the office we have all around us (pointing to the FooCafe open space)
- #5: in the beginning computers were big deals
- #6: then they have gotten smaller so they could fit our desks
- #7: computers had evolved into smaller and portable things … … to the point we can wear them!
- #14: once upon a time we used alerts and confirms to interact with our users
- #15: April 1, 2004 — modern web development era
- #16: what those libraries have in common? (THEY CHANGE — next slide)
- #18: knowledge sharing — javascript — css / layouts — design — developer tools
- #22: TRANSFORMS DATA INTO A COMPOSITION OF ELEMENTS
- #23: COMPUTE DIFFS TO KEEP DOM OPERATIONS AT BARE MINIMUM
- #24: render on server, apply event handlers on client fast page loading time optmised for search engine
- #26: compared to JQUERY
- #27: compared to METEOR
- #28: compared to Mustache
- #29: compared to KnockoutJS or AngularJS
- #30: GitHub.com/marcopeg/LearningReact
- #33: react lies in the grey area no data responsibilities no native rendering responsibilities
- #34: a component is a room with thick walls only few controller arrows can cross the wall
- #35: FLUX IS A DATA ORGANISATION PATTERN is not a library is not a code pattern https://www.npmjs.com/package/fluxo
- #36: GitHub.com/marcopeg/fireslide