Scaling Exception Handling in SPA’s (JSTANBUL Meetup #011)

Transcript

1. Scaling Exception Handling in SPA’s Hami ÇAKIR Software Engineer Ünal SÜRMELİ Senior Software Engineer
2. Biz Kimiz? Hami ÇAKIR linkedin/hamicakir Ünal SÜRMELİ linkedin/unalsurmeli
3. Ajanda •SPA (Single Page Application) Nedir? •SPA Kullanım Örnekleri •Front-end Hataları •JS Hataları •Error Handling •Bonus: Hataların minimize edilmesi ile kullanıcıya iyi bir deneyim yaşattığınızdan emin olun.
5. SPA (Single Page Application) Nedir?
6. SPA Framework & Libraries
7. SPA Kullanım Örnekleri •Gmail •Google Maps •Facebook •Twitter •Google Drive •iyzico
8. Front-End Hataları • HTML Hataları • CSS Hataları • HTTP Request Hataları • Cross Platform Hataları • Kafa Karıştırıcı UX • Unexpected Hatalar
9. JS Hataları • Eval Error • Range Error • Reference Error • Syntax Error • Type Error • URI Error
10. Error Maliyetleri Bug’lar ekonomiye yılda 312 milyar dolara mal oluyor. Geliştiriciler, programlama zamanlarının %50'sini hata bulmaya ve çözmeye harcıyorlar. Kaynak: Cambridge University 2016
11. Error Handling try { // Code that we will 'try' } catch(error) { // Code that handles any potential errors }
12. Error Handling Basitten karmaşığa herhangi bir uygulama içerisinde hataları barındır. Bu hataları işlememiz ve mümkün olduğunca kullanıcıya etkisini minimize etmemiz gereklidir.
13. Front-end ve back-end hatalarının işlenmesi çok farklı işlemlerdir. Bir servis bir platformda çalışırken, ortalama bir web uygulaması yüzlerce cihaz türünde birden fazla tarayıcıda çalışır. Error Handling
15. Kara Kutu
17. Web IOS Android Endpoint Endpoint Endpoint Middleware Error Handling
18. ? “Bir sistemin, ağın veya sürecin artan iş yükünü yönetebilmek veya büyümeyi karşılamak için kaynakların esnetilerek/arttırılarak kullanılması.” Ama ön yüzde nasıl scale olacağız? Scalability
19. Front-end ilk savunma hattımızdır ve bileşenleri en fazla trafik alan noktadır. Her kullanıcı etkileşimi, her bağlantı ve her yanıt front-end katmanından bir şekilde geçmektedir. Bu da front-end katmanının en yüksek verim ve eşzamanlılık oranı taleplerine sahip olmasını sağlar ve ölçeklenebilirliğini kritik hale getirir. Scalability
20. Scaling Exception Handling in SPA’s •Monitoring •Reporting •Notifications •Presentation
21. Monitoring Kullanıcının hata bildirmesini beklemeden hataları görebilmeliyiz. Kullanıcılarımızın bir adım önünde olmalıyız.
22. Reporting Hataların yeniden oluşturulması çok güç bir durumdur. Sürümlerin etki analizleri yapılarak doğru noktalara temas edilip, sonuç odaklı çözümler geliştirilebilir.
23. Notifications Kullanıcılarımızın ürünlerimizi kullanırken neler yaşadıklarını asla bilemeyiz. Bu nedenle, beklenmeyen bir davranışla karşılaştıklarında bilgilendirilmeye ihtiyacımız var.
24. Presentation En iyi hata mesajı, asla görünmeyen mesajdır. Kullanıcıları önceden doğru yönde yönlendirerek hataların ilk etapta gerçekleşmesini önlemek her zaman daha iyidir.
25. Error Tracking Araçları https://goo.gl/43EU9s
26. Sentry
28. goo.gl/L6LfyZ
29. Bonus Hataların minimize edilmesi ile kullanıcıya iyi bir deneyim yaşattığınızdan emin olun.
31. Questions? Hami ÇAKIR linkedin/hamicakir Ünal SÜRMELİ linkedin/unalsurmeli goo.gl/hep8nD