Outdated browser detection with Browserslist - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

LT: Outdated Browser Detection Dmitry Salahutdinov

Slide 2

Slide 2 text

Why?

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Frontend Pareto principle 10 % Uses actual browser 90 % 10 % Old browsers 90 % Actual browsers usage Money spend for supporting browsers

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Frontend headache

Slide 7

Slide 7 text

Converts rules into list of browsers

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Mozilla/5.0 (Windows NT 10.0; rv:54.0) Gecko/20100101 Firefox/54.0 ❌ Matches UA string with the list

Slide 10

Slide 10 text

Js is not supported?

Slide 11

Slide 11 text

Matches UA string with the list

Slide 12

Slide 12 text

Frontend Backend Share the only one conﬁg

Slide 13

Slide 13 text

Single project Frontend Backend RAILS_ROOT/browsers.json

Slide 14

Slide 14 text

Separated frontend

Slide 15

Slide 15 text

Gets back to frontend for browsers list

Slide 16

Slide 16 text

Gets back to frontend for browsers list

Slide 17

Slide 17 text

Caching the result

Slide 18

Slide 18 text

dziękuję #❤ @dsalahutdinov1 @dsalahutdinov https://dev.to/amplifr https://amplifr.com https://dev.to/amplifr/outdated-browser-detection-with-browserslist-10co browserslist_useragent gem