React JS for the mobile web

Preview:

Citation preview

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

Sreten MadžgaljSoftware Developer @ Bild Studio

Working with

React JS, Angular JSASP.NET MVCPHPNode JS

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.

- simple concept

- not a framework

- development tools

- proven by Facebook

Why?

React JS in production

Tip #1Start with the view

CarouselComponent

IndexComponent

TabsComponent

Tip #2Stateless components

TopArticlesComponentArticleLIst

ArticleListView

Tip #3It’s OK to use jQuery

Use lifecycle callbacks to initialize and destroy jQuery plugins

Lessons learned

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

UI Development futurePlatform-independent UI components

Mobile web is still relevant

Thanks

Questions? - facebook.com/sreten.madzgalj - sreten.madzgalj@bild-studio.net

Recommended