En nuestro equipo enfocamos nuestros esfuerzos en recopilar datos para desarrollar una tabla de comparación que muestra el verdadero coste al mover dinero entre diferentes divisas. En su desarrollo, se nos ha presentado el reto de abstraernos de la propia tecnología elegida, en este caso React, para hacerlo compatible con cualquier cliente. Con esta charla quiero compartir las lecciones aprendidas convirtiendo la tabla en un componente web con el propósito de facilitar su distribución y la propagación de nuevas versiones con la mínima fricción para el cliente.
Find out more presentations at https://madrid2018.codemotionworld.com/speakers/
12. When banks and others operators
claim to be free of fees, actually
they hide their fees in the
exchange rate.
Fee-free1
13. “Mediante el servicio DCC (Dynamic
Currency Conversion), activado por
defecto en todos los TPV de Banco
Sabadell, los comercios que cobren de
tarjetas extranjeras de países no euro
pueden obtener una comisión extra
(estándar del 0,5%).”
DCC
https://www.bancsabadell.com/cs/Satellite/SabAtl/TPV/6000018200278/en/
14. Banks could charge you up to 5% in
hidden costs when sending money to
any bank account abroad. TransferWise
is up to 8x cheaper. It's only fair.
Up to 8x
cheaper
39. What if people don’t use React?
What if we want to share it externally?
Wait! Is npm package all we need?
How can we easily communicate new releases?
54. Small reusable piece of
functionality that even
non-programmers can
utilise to enrich their site.
What we need is
a Web Plugin
55. And what can we choose to
build it?
Web Components? iframe?
56. Fully encapsulate all of their HTML and CSS.
Bundle markup and styles into custom HTML elements
But are they ready?
Browser support - Not present in Safari or IE
Great stuff
Polyfill All The Things - Complex implementation
Web
Components
66. UL
Great stuff
As soon as we release, everybody has the changes
Script has loading problems? The link is still rendered
And the downsides?
Not SEO friendly
Responsive
Easy to share
Possible fragility on sites we don't control
67. UL
Great stuff
As soon as we release, everybody has the changes
Script has loading problems? The link is still rendered
And the downsides?
Not SEO friendly
Responsive
Easy to share
Possible fragility on sites we don't control
Did you say inline <div>?
69. We use our custom
Bootstrap
Context
It’s our Style Guide, a living
document
And ensures consistency
and coherence across our
platform
70. There are no namespaces in CSS.
All you do in CSS ends up in global scope.
What if the host page also uses Bootstrap?
With different style or version?
So, what’s the problem?
99. But after one year of collecting data...
We've seen things you people wouldn't believe.
100. The Costs Of Money
Transfer It's not
Rocket Science
“0% Commission/ No fees”
Fee spikes
Exchange rate vs amount sent
Route directions
Watch out for: