Pasar al contenido principal
No se ha encontrado ningún elemento.
Logotipo de Dropbox Sign
¿Por qué elegir Dropbox Sign?
Desplegar o contraer acordeón

Qué puedes hacer

Firmar documentos en línea
Crea firmas electrónicas
Selecciona o crea plantillas
Rellenar y firmar PDF
Finalizar contratos en línea
Gestión de documentos‍
Ver funciones
Icono de flecha hacia la derecha

Casos prácticos

Desarrollo comercial y de negocio
Recursos humanos
Start-ups
Tecnología financiera
Propiedad inmobiliaria
Servicios a la carta
Productos
Desplegar o contraer acordeón
Icono de Dropbox
Sign
Facilita el envío y la firma
Icono de Dropbox
Sign API
Integra las firmas electrónicas en tu flujo de trabajo
Icono de Dropbox Fax
Fax
Envía faxes sin tener fax
Icono de integraciones de Dropbox
Integraciones
Estamos donde trabajas
Recursos
Desplegar o contraer acordeón
Blog
Amplios conocimientos sobre flujos de trabajo y noticias sobre productos
Experiencias de clientes
Historias reales con resultados tangibles
Centro de ayuda
Consejos avanzados para usar nuestros productos
Colección de recursos
Informes, vídeos y hojas informativas
Desarrolladores
Precios
Desplegar o contraer acordeón
Precios de Dropbox Sign
Encuentra el plan perfecto para ti
Precios de Dropbox Sign API
Historias reales con resultados tangibles
Contactar con ventas
Registrarse
Contactar con ventas
Iniciar sesión
Desplegar o contraer acordeón
Dropbox Sign
Dropbox Forms
Dropbox Fax
Pruébalo gratis
Blog
/
Desarrolladores

Getting React and Webpack to Run on IE8 (If You Must)

por 
Freddy Rangel
June 9, 2016
3
minutos de lectura
Getting React and Webpack to Run on IE8
icono de mensaje emergente

Cambio de imagen, pero ¡el mismo gran producto! HelloSign ahora es Dropbox Sign.

icono de cerrar

This post was originally published by Freddy Rangel on Medium.

‍

–––

‍

You might ask yourself, “why in the world would anyone want to torture themselves by supporting IE8?” Even Google doesn’t support IE8! But there are actually many companies that must support IE8 for one reason or another. At the company where I work, Dropbox Sign, we allow third-party companies to embed our document signing software directly in their applications. Many of our customers support IE8. Therefore, we must support IE8 as well.

‍

Recently, we received a report that IE8 users could not sign documents on our site. We take these kinds of bugs very seriously. Signing agreements is no trivial matter: they’re the written documents that outline the relationships and obligations of our lives. If our users can’t sign documents, they can’t do the basic tasks to get things done. A bug like this can have a huge impact on individuals and businesses alike.

‍

The cause of this bug for IE8 users was our rewrite of many parts of our application using React and Webpack. As it turns out, there are quite a few changes needed in order to get these two libraries to run on IE8. Here’s how we did it.

‍

ES5 Polyfill

‍

React and Webpack support ES5 and above. IE8, however, runs ES3, so you’ll need a polyfill to be able to run ES5 code. You can find the ES5 shim here: ES5 Shim.

‍

Set NODE_ENV to Production

‍

This change not only makes your React application much faster, but also removes a lot of code in development that are not supported on IE8. There’s a little more to it that just setting your NODE_ENV, but luckily I already wrote a blog post about how to do that and more: How to Make Your React Apps 10x Faster.

‍

ES3ify Your Code

‍

Even with a polyfill, there is much ES5 code that will break on IE8. One prominent example is the reserved words in IE8, words used as key names in an object. `class`, `catch`, and `default` are reserved works in ES3. ES3ify will change your code to avoid these conflicts with ES3

‍

‍

.

‍

Babel Transforms

‍

For good measure, I recommend using 2 Babel transforms that do much the same thing as ES3ify: Transform-es3-property-literals and transform-es3-member-expression-literals. We have a lot of legacy code that we’re not running through Babel, so we need to use ES3ify. We also use the Babel transforms just to be on the safe side.

‍

Watch Out for IE8 Gotchas

‍

One interesting gotcha I discovered was the incompatibility of the getter syntax in IE8. Many developers assume getters are an ES2015 feature, but they are actually ES5. This means that if you’re using getters in ES2015 classes, Babel will simply use the ES5 getter syntax. Unfortunately, this blows up on IE8. 

‍

There is support for getters in IE8, however, it is only compatible with DOM nodes. My suggestion: Avoid getters if you must support IE8.

No pierdas el hilo

¡Listo! Revisa tu bandeja de entrada.

Thank you!
Thank you for subscribing!

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum
Icono de flecha hacia la derecha
icono de cerrar

Up next:

Ilustración en primer plano de una firma manuscrita, que representa soluciones modernas para la firma digital.
Desarrolladores
15
minutos de lectura

Integración de Dropbox Sign con Ruby on Rails: un tutorial paso a paso

Ilustración en primer plano de una firma manuscrita, que representa soluciones modernas para la firma digital.
Desarrolladores
15
minutos de lectura

Dropbox Sign vs. SignNow for developers

eBook

Cómo las firmas electrónicas simplifican las transacciones en los "marketplaces" B2B

Productos
Dropbox SignDropbox Sign APIDropbox FaxIntegraciones
Por qué Dropbox Sign
Firmas electrónicasFirmar documentosFirma y rellena documentos PDFContratos onlineCrea firmas electrónicasEditor de firmasFirma de documentos de Word
Asistencia
Centro de ayudaContactar con ventasPonte en contacto con el departamento de asistencia.Gestionar cookiesPrimeros pasos: Dropbox SignPrimeros pasos: Dropbox Sign API
Recursos
BlogExperiencias de clientesCentro de recursosGuía de legalidadCentro de confianza
Socios
Socios estratégicosLocalizador de socios
Empresa
EmpleoCondicionesPrivacidad
Icono de FacebookIcono de YouTube

Métodos de pago aceptados

Logotipo de MastercardLogotipo de VisaLogotipo de American ExpressLogotipo de Discover
Insignia de conformidad con la CPAInsignia de conformidad con la HIPAAInsignia de Sky High Enterprise-ReadyInsignia de certificación ISO 9001

Las firmas electrónicas de Dropbox Sign son legalmente vinculantes en los Estados Unidos, la Unión Europea, el Reino Unido y en muchos otros países.
Para obtener más información, consulta nuestros Términos y condiciones y la Política de privacidad.