Doorgaan naar hoofdtekst
Geen items gevonden.
logo dropboxsign
Waarom Dropbox Sign?
Accordeon uit- of samenvouwen

Wat je kunt doen

Documenten online ondertekenen
Elektronische handtekeningen aanmaken
Sjablonen kiezen of maken
Pdf's invullen en ondertekenen
Online contracten sluiten
Documentbeheer
Functies ontdekken
pictogram pijl naar rechts

Gebruikersscenario's

Verkoop- en bedrijfsontwikkeling
Human resources
Startups
Financiële technologie
Vastgoed
On-demandservices
Producten
Accordeon uit- of samenvouwen
dropbox-pictogram
Sign
Maak het gemakkelijk om te verzenden en te ondertekenen
dropbox-pictogram
Sign API
Integreer e-handtekeningen in je workflow
pictogram dropbox fax
Fax
Verzend faxen zonder een faxapparaat
pictogram dropbox integraties
Integraties
We ontmoeten je waar je werkt
Informatiebronnen
Accordeon uit- of samenvouwen
Blog
Workflow-expertise en productnieuws
Verhalen van klanten
Echte verhalen met echte resultaten
Helpcentrum
Diepgaande begeleiding voor onze producten
Bibliotheek met informatiebronnen
Rapporten, video's en infobladen
Ontwikkelaars
Prijzen
Accordeon uit- of samenvouwen
Dropbox Sign-prijzen
Het juiste abonnement vinden voor jou
Dropbox Sign-API-prijzen
Echte verhalen met echte resultaten
Contact met Sales
Registreren
Contact opnemen met Sales
Aanmelden
Accordeon uit- of samenvouwen
Dropbox Sign
Dropbox-formulieren
Dropbox Fax
Gratis proefperiode
Blog
/
Ontwikkelaars

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

by 
Freddy Rangel
June 9, 2016
3
minuten leestijd
Getting React and Webpack to Run on IE8
pictogram knopinfo

Nieuwe look, hetzelfde geweldige product! HelloSign heet nu Dropbox Sign.

pictogram sluiten

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.

Blijf op de hoogte

Klaar! Bekijk je postvak IN.

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
pictogram pijl naar rechts
pictogram sluiten

Up next:

Close-up van een illustratie van een handgeschreven ondertekening, als symbool voor moderne oplossingen voor digitale ondertekening.
Ontwikkelaars
15
minuten leestijd

Integrating Dropbox Sign with Ruby on Rails: A Step-by-Step Tutorial

Close-up van een illustratie van een handgeschreven ondertekening, als symbool voor moderne oplossingen voor digitale ondertekening.
Ontwikkelaars
15
minuten leestijd

Dropbox Sign vs. SignNow for developers

Infographic

Infografic vastgoed

Producten
Dropbox SignDropbox Sign-APIDropbox FaxIntegraties
Waarom Dropbox Sign?
Elektronische handtekeningenDocumenten ondertekenenPdf's ondertekenen en invullenOnline contractenElektronische handtekeningen aanmakenHandtekeningeditorWord-documenten ondertekenen
Support
HelpcentrumContact met SalesContact met support opnemenCookies beherenAan de slag: Dropbox SignAan de slag: Dropbox Sign-API
Informatiebronnen
BlogVerhalen van klantenInformatiecentrumInformatie over wettigheidTrust Center
Partners
Strategische partnersPartner zoeken
Bedrijf
VacaturesVoorwaardenPrivacy
facebook-pictogramyoutube-pictogram

Geaccepteerde betaalmethoden

Mastercard-logoVisa-logoAmerican Express-logoOntdek-logo
Badge Naleving CPABadge HIPAA-nalevingSky High Enterprise Ready-badgeISO 9001-gecertificeerde badge

Elektronische handtekeningen van Dropbox Sign zijn juridisch bindend in de Verenigde Staten, de Europese Unie, het Verenigd Koninkrijk en in veel landen over heel de wereld.
Voor meer informatie kun je onze Algemene voorwaarden en ons Privacybeleid raadplegen