react js for the mobile web
TRANSCRIPT
![Page 1: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/1.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/2.jpg)
Sreten MadžgaljSoftware Developer @ Bild Studio
Working with
React JS, Angular JSASP.NET MVCPHPNode JS
![Page 3: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/3.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/4.jpg)
![Page 5: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/5.jpg)
- simple concept
- not a framework
- development tools
- proven by Facebook
Why?
![Page 6: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/6.jpg)
React JS in production
![Page 7: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/7.jpg)
Tip #1Start with the view
![Page 8: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/8.jpg)
CarouselComponent
IndexComponent
TabsComponent
![Page 9: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/9.jpg)
Tip #2Stateless components
![Page 10: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/10.jpg)
TopArticlesComponentArticleLIst
ArticleListView
![Page 11: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/11.jpg)
Tip #3It’s OK to use jQuery
![Page 12: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/12.jpg)
Use lifecycle callbacks to initialize and destroy jQuery plugins
![Page 13: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/13.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/14.jpg)
UI Development futurePlatform-independent UI components
![Page 15: React JS for the mobile web](https://reader031.vdocuments.net/reader031/viewer/2022021502/58f0f89a1a28ab0d6c8b4607/html5/thumbnails/15.jpg)
Mobile web is still relevant