react js for the mobile web

16

Upload: sreten-madzgalj

Post on 14-Apr-2017

403 views

Category:

Software


1 download

TRANSCRIPT

Page 1: React JS for the mobile web

React JS for the mobile webHow we developed, deployed and maintained a React JS UI for the mobile web - advantages, obstacles and lessons learned

from a large scale news portal UI

Page 2: React JS for the mobile web

Sreten MadžgaljSoftware Developer @ Bild Studio

Working with

React JS, Angular JSASP.NET MVCPHPNode JS

Page 3: React JS for the mobile web

Bild Studio is a full-service creative digital agency with over 400 satised clients and more than 1000 successful projects.

Our broad list of products and services includes: web, mobile and software development and maintenance, Hosting and website security, Digital marketing & SEO services, Graphic, web & UX design, Video production, Consulting and training.

Page 4: React JS for the mobile web
Page 5: React JS for the mobile web

- simple concept

- not a framework

- development tools

- proven by Facebook

Why?

Page 6: React JS for the mobile web

React JS in production

Page 7: React JS for the mobile web

Tip #1Start with the view

Page 8: React JS for the mobile web

CarouselComponent

IndexComponent

TabsComponent

Page 9: React JS for the mobile web

Tip #2Stateless components

Page 10: React JS for the mobile web

TopArticlesComponentArticleLIst

ArticleListView

Page 11: React JS for the mobile web

Tip #3It’s OK to use jQuery

Page 12: React JS for the mobile web

Use lifecycle callbacks to initialize and destroy jQuery plugins

Page 13: React JS for the mobile web

Lessons learned

Applications have UIs, websites have pagesModules instead of frameworksIt doesn’t have to be perfect to be in production

Page 14: React JS for the mobile web

UI Development futurePlatform-independent UI components

Page 15: React JS for the mobile web

Mobile web is still relevant

Page 16: React JS for the mobile web

Thanks

Questions? - facebook.com/sreten.madzgalj - [email protected]