[{"data":1,"prerenderedAt":161},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-events-slug-future-proof-front-end-components-i18n-slugs":104,"language-events-slug-nl-future-proof-front-end-components":132},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455427-vh-isms-007-privacy-statement-de-voorhoede-nl.pdf",[100,112,122],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png",null,404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",{"page":133},{"title":134,"slug":135,"social":136,"headerIllustration":104,"date":138,"url":139,"callToActionLabel":140,"image":104,"label":141,"eventIsOnline":143,"onlineEventUrl":144,"location":145,"price":150,"items":151},"Future-proof Front-end Components","future-proof-front-end-components",{"title":134,"description":137,"image":104},"Hidde de Vries and Peter Goed will show you how to tame JavaScript frameworks to improve user experience and achieve interoperability through Web Components.","2019-03-15T17:30:00.000+01:00","https:\u002F\u002Fwww.meetup.com\u002FFront-end-Forward\u002Fevents\u002F258465977\u002F","I'm attending!",{"label":142},"Meet-up",false,"",{"name":146,"street":147,"postcode":148,"city":23,"countryCode":149},"De Voorhoede","Rijnsburgstraat 9","1059 AT","NL","0",[152,155,158],{"__typename":153,"title":144,"body":154},"TextSectionRecord","\u003Cp>\u003Cspan>Working with components has been popularised by frameworks like React and Vue. It improves developer experience as smaller things are easier to work with and reason about. But can we exchange components between frameworks? And what about user experience? What do these frameworks spit out in our browsers? Tonight Hidde and Peter will show you how to tame JavaScript frameworks to improve user experience and achieve interoperability through Web Components.\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":153,"title":156,"body":157},"Event schedule","\u003Cp>\u003Cspan>17:30 Doors open, drinks\u003C\u002Fspan>\u003Cbr \u002F>\u003Cspan>18:10 Introduction\u003C\u002Fspan>\u003Cbr \u002F>\u003Cspan>18:20 \u003Cstrong>It's the markup that matters\u003C\u002Fstrong> - Hidde de Vries\u003C\u002Fspan>\u003Cbr \u002F>\u003Cspan>19:00 Break with food & drinks\u003C\u002Fspan>\u003Cbr \u002F>\u003Cspan>19:40 \u003Cstrong>JS frameworks, meet Web Components\u003C\u002Fstrong> - Peter Goes, De Voorhoede\u003C\u002Fspan>\u003Cbr \u002F>\u003Cspan>20:20 Drinks\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3>Live stream\u003C\u002Fh3>\n\u003Cp>Can't make it in person? Don't worry, this event will be recorded and will be available via the live stream (link will be announced shortly before the event). Please do update your RSVP so others can join in person.\u003C\u002Fp>",{"__typename":153,"title":159,"body":160},"Talks","\u003Ch3>It's the markup that matters\u003C\u002Fh3>\n\u003Cp>Hidde de Vries (\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fhdv\" target=\"_blank\" rel=\"noopener\">@hdv\u003C\u002Fa>)\u003C\u002Fp>\n\u003Cp>Modern JavaScript frameworks virtualise our DOMs. This allows us to focus on implementation, as data declaratively maps state into markup. While this is great in itself, the significance of the actual markup often gets overlooked. In this practical talk, Hidde will show how specific bits of markup provide real benefit to users.\u003C\u002Fp>\n\u003Ch3>Cross framework components\u003C\u002Fh3>\n\u003Cp>Peter Goes (\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fpetergoes\" target=\"_blank\" rel=\"noopener\">@petergoes\u003C\u002Fa>\u003Cspan>)\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>Component based front-end development has won the hearts of a lot of developers. All popular frameworks (React, Vue and others) are build around this concept. Taking a component from one project and bring it into a new one is a promise that attracts a lot of front-enders. But React components can not be used in a Vue projects or vice versa. Web Components can offer a way out. In his talk, Peter researches the possibilities to create and use Web Components cross framework.\u003C\u002Fp>",1776256166578]