');--success-svg-icon:url('data:image/svg+xml;utf8,');--info-svg-icon:url('data:image/svg+xml;utf8,');--chevron-svg-icon:url('data:image/svg+xml;utf8,');--checkbox-svg-icon:url('data:image/svg+xml;utf8,');--radiobutton-svg-icon:url('data:image/svg+xml;utf8,');--show-password-svg-icon:url('data:image/svg+xml;utf8,');--hide-password-svg-icon:url('data:image/svg+xml;utf8,');--error-svg-icon-color:var(--red-500);--success-svg-icon-color:var(--emerald-700);--info-svg-icon-color:var(--sky-500);--chevron-svg-icon-color:var(--grey-900);--checkbox-svg-icon-color:var(--grey-900);--radiobutton-svg-icon-color:var(--grey-900);--show-password-svg-icon-color:var(--grey-900);--hide-password-svg-icon-color:var(--grey-900);--bde-woo-notices__icon-size:16px;--bde-woo-notices__padding:24px;--bde-woo-notices__border-radius:4px;--bde-woo-notices__error-background:var(--red-50);--bde-woo-notices__error-text:var(--red-500);--bde-woo-notices__error-link-text:var(--red-500);--bde-woo-notices__error-link-text-hover:var(--red-500);--bde-woo-notices__info-background:var(--sky-100);--bde-woo-notices__info-text:var(--sky-500);--bde-woo-notices__info-link-text:var(--sky-500);--bde-woo-notices__info-link-text-hover:var(--sky-500);--bde-woo-notices__success-background:var(--emerald-100);--bde-woo-notices__success-text:var(--emerald-700);--bde-woo-notices__success-link-text:var(--emerald-700);--bde-woo-notices__success-link-text-hover:var(--emerald-700);--bde-woo-sale-badge__border-radius:2px;--bde-woo-sale-badge__padding:4px 8px;--bde-woo-ratings__star-color:var(--yellow-500);--bde-woo-ratings__star-size:18px;--bde-woo-ratings__filled-star-svg:url('data:image/svg+xml;utf8,');--bde-woo-ratings__empty-star-svg:url('data:image/svg+xml;utf8,');--bde-woo-product-images__border-radius:4px;--bde-woo-product-images__border-width:0px;--bde-woo-product-images__border-color:var(--grey-300);--bde-woo-wrappers__background-color:var(--white);--bde-woo-wrappers__border-radius:4px;--bde-woo-wrappers__border-color:var(--grey-300);--bde-woo-wrappers__border-width:1px;--bde-woo-wrappers__shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-tables__header-color:var(--grey-100);--bde-woo-tables__background-color:var(--white);--bde-woo-tables__border-radius:4px;--bde-woo-tables__border-width:1px;--bde-woo-widgets__chip-background-color:transparent;--bde-woo-widgets__chip-background-color-hover:var(--indigo-50);--bde-woo-widgets__chip-text-color:inherit;--bde-woo-widgets__handle-border-color:var(--grey-300);--bde-woo-widgets__handle-background-color:var(--white);--bde-woo-widgets__handle-background-color-hover:var(--white);--bde-woo-widgets__handle-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-widgets__handle-shadow-hover:var(--grey-300) 0 0 4px;--bde-woo-widgets__remove-item-from-cart-color:var(--grey-450);--bde-woo-select2__active-item-background-color:var(--indigo-50);--bde-woo-gallery__zoom-icon-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-payment-box-background-color:var(--grey-100);--bde-woo-payment-box-border-color:var(--grey-200);--bde-woo-payment-box-border-width:1px;--bde-woo-quicklook-button-icon:url(/wp-content/uploads/sites/4/breakdance/css/icons/eye.svg);--bde-woo-quicklook-button-background-color:none;--bde-woo-quicklook-button-icon-size:20px;--bde-woo-quicklook-button-backdrop-color:rgba(0,0,0,.15);--bde-woo-quicklook-button-backdrop-opacity:.7;--bde-woo-quicklook-modal-background-color:var(--white);--bde-woo-quicklook-overlay-color:rgba(0,0,0,.7);--bde-woo-quicklook-close-button-size:2em;--bde-woo-quicklook-arrow-size:1em;--bde-woo-quicklook-arrow-color:var(--white);--bde-woo-swatch-space-between-options:10px;--bde-woo-swatch-padding:7px;--bde-woo-swatch-color-width:30px;--bde-woo-swatch-color-height:30px;--bde-woo-swatch-border:1px solid var(--grey-200);--bde-woo-swatch-border-color-hover:var(--grey-400);--bde-woo-swatch-shadow:none;--bde-woo-swatch-shadow-hover:none;--bde-woo-swatch-background:var(--white);--bde-woo-swatch-background-hover:var(--grey-50);--bde-woo-swatch-color-padding:2px;--bde-woo-swatch-tooltip-color:var(--white);--bde-woo-swatch-tooltip-background:var(--grey-900);--bde-woo-swatch-tooltip-padding:7px;--bde-woo-swatch-space-after-label:8px;--bde-woo-responsive__stack:row}:root{--bde-links-color:#29a4e8;--bde-links-color-hover:#29a4e8;--bde-button-primary-background-color:var(--bde-brand-primary-color);--bde-button-primary-background-color-hover:var(--bde-brand-primary-color-hover);--bde-button-secondary-border-color:var(--bde-brand-primary-color);--bde-button-secondary-border-color-hover:var(--bde-brand-primary-color);--bde-button-secondary-text-color:var(--bde-brand-primary-color);--bde-button-secondary-background-color-hover:var(--bde-brand-primary-color);--bde-button-text-text-color:var(--bde-links-color);--bde-button-text-text-color-hover:var(--bde-links-color-hover);--bde-button-font-size:var(--bde-body-font-size);--bde-form-font-size:var(--bde-body-font-size);--bde-form-input-border-top-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-right:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-bottom:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-left:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-label-color:var(--bde-headings-color);--bde-form-input-focused-border-color:var(--bde-brand-primary-color);--bde-form-input-focused-shadow:var(--bde-brand-primary-color) 0 0 2px;--bde-form-checkbox-selected-color:var(--bde-brand-primary-color);--bde-z-index-lightbox:1100;--bde-z-index-popup:1050;--bde-z-index-modal:1000;--bde-z-index-modal-backdrop:calc(var(--bde-z-index-modal) - 1);--bde-z-index-high:300;--bde-z-index-medium:200;--bde-z-index-low:100;--bde-z-index-sticky:10;--bde-z-index-minicart:var(--bde-z-index-modal);--bde-z-index-minicart-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-menu-dropdown:var(--bde-z-index-modal);--bde-z-index-menu-mobile:var(--bde-z-index-modal);--bde-z-index-menu-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-search-fullscreen:var(--bde-z-index-modal);--bde-z-index-back-to-top:var(--bde-z-index-high);--bde-z-index-scroll-progress:var(--bde-z-index-high);--bde-z-index-header-sticky:var(--bde-z-index-medium);--bde-z-index-header-overlay:calc(var(--bde-z-index-header-sticky) - 1);--bde-z-index-social-share-buttons:var(--bde-z-index-low);--bde-woo-base-text-color:var(--bde-body-text-color);--bde-woo-base-headings-color:var(--bde-headings-color);--bde-woo-base-primary-color:var(--bde-brand-primary-color);--bde-woo-base-primary-color-hover:var(--bde-brand-primary-color-hover);--bde-woo-base-extra-small-gaps:calc(var(--bde-woo-base-small-gaps)/var(--bde-woo-base-ratio));--bde-woo-base-small-gaps:calc(var(--bde-woo-base-space)/var(--bde-woo-base-ratio));--bde-woo-base-standard-gaps:var(--bde-woo-base-space);--bde-woo-base-medium-gaps:calc(var(--bde-woo-base-space)*var(--bde-woo-base-ratio));--bde-woo-base-big-gaps:calc(var(--bde-woo-base-medium-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-large-gaps:calc(var(--bde-woo-base-big-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-extra-large-gaps:calc(var(--bde-woo-base-large-gaps)*var(--bde-woo-base-ratio));--bde-woo-typography-ratio:var(--bde-font-size-ratio);--bde-woo-typography__size-small:calc(var(--bde-woo-typography__size-standard)/var(--bde-woo-typography-ratio));--bde-woo-typography__size-small-font-family:var(--bde-body-font-family);--bde-woo-typography__size-standard:var(--bde-body-font-size);--bde-woo-typography__size-standard-font-family:var(--bde-body-font-family);--bde-woo-typography__size-medium:calc(var(--bde-woo-typography__size-standard)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-medium-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-large:calc(var(--bde-woo-typography__size-medium)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-large-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-extra-large:calc(var(--bde-woo-typography__size-large)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-extra-large-font-family:var(--bde-heading-font-family);--bde-woo-buttons-and-links__text-link-color:#29a4e8;--bde-woo-buttons-and-links__text-link-color-hover:#29a4e8;--bde-woo-buttons-and-links__nav-link-color:var(--bde-woo-base-text-color);--bde-woo-buttons-and-links__nav-link-color-hover:var(--bde-woo-base-text-on-primary-color);--bde-woo-buttons-and-links__nav-link-color-active:var(--bde-woo-base-primary-color);--bde-woo-forms__spacing-after-label:var(--bde-form-after-label);--bde-woo-forms__spacing-between-fields:var(--bde-form-gap);--bde-woo-forms__spacing-between-columns:var(--bde-woo-base-extra-large-gaps);--bde-woo-forms__labels-color:var(--bde-form-label-color);--bde-woo-forms__inputs-background-color:var(--bde-form-input-background-color);--bde-woo-forms__inputs-text-color:var(--bde-form-text-color);--bde-woo-forms__inputs-placeholder-color:var(--bde-form-input-placeholder-color);--bde-woo-forms__inputs-border-color:var(--bde-form-input-border-color);--bde-woo-forms__inputs-border-width:var(--bde-form-input-border-width);--bde-woo-forms__inputs-border-radius:var(--bde-form-input-border-top-left-radius) var(--bde-form-input-border-top-right-radius) var(--bde-form-input-border-bottom-right-radius) var(--bde-form-input-border-bottom-left-radius);--bde-woo-forms__inputs-background-color-focused:var(--bde-form-input-focused-background-color);--bde-woo-forms__inputs-border-color-focused:var(--bde-form-input-focused-border-color);--bde-woo-forms__inputs-shadow-focused:var(--bde-form-input-focused-shadow);--bde-woo-forms__inputs-shadow:var(--bde-form-input-input-shadow);--bde-woo-forms__inputs-select2-hover-item:var(--bde-woo-base-primary-color);--bde-woo-forms__labels-required-color:var(--bde-form-label-required-color);--bde-woo-forms__labels-required-size:var(--bde-form-label-required-size);--bde-woo-forms__labels-required-nudge-x:var(--bde-form-label-required-nudge-x);--bde-woo-forms__labels-required-nudge-y:var(--bde-form-label-required-nudge-y);--bde-woo-tables__border-color:var(--bde-woo-base-border-color);--bde-woo-sale-badge__background-color:var(--bde-woo-base-primary-color);--bde-woo-sale-badge__text-color:var(--bde-woo-base-text-on-primary-color);--bde-woo-sale-badge__font-weight:var(--bde-woo-typography-font-weight-heavy);--bde-woo-sale-badge__font-size:var(--bde-woo-typography__size-standard);--bde-woo-widgets__chip-text-color-hover:var(--bde-woo-buttons-and-links__text-link-color);--bde-woo-widgets__handle-border-color-hover:var(--bde-woo-base-primary-color);--bde-woo-notices__padding-left:calc(var(--bde-woo-notices__padding) + var(--bde-woo-notices__icon-size) + (var(--bde-woo-notices__icon-size)/2));--bde-woo-quicklook-button-text-color:var(--bde-button-primary-text-color);--bde-woo-quicklook-button-background-color-hover:var(--bde-woo-quicklook-button-background-color);--bde-woo-quicklook-button-icon-spacing:var(--bde-woo-base-standard-gaps);--bde-woo-quicklook-close-button-color:var(--bde-woo-base-headings-color);--bde-woo-quicklook-arrow-color-hover:var(--bde-woo-quicklook-arrow-color);--bde-woo-quicklook-arrow-background-color:var(--bde-brand-primary-color);--bde-woo-quicklook-arrow-background-color-hover:var(--bde-woo-quicklook-arrow-background-color);--bde-woo-swatch-space-between-items:var(--bde-woo-base-medium-gaps);--bde-woo-swatch-background-selected:var(--bde-woo-swatch-background-hover);--bde-woo-swatch-border-color-selected:var(--bde-woo-swatch-border-color-hover);--bde-woo-swatch-shadow-selected:var(--bde-woo-swatch-shadow-hover);--bde-woo-swatch-color-background:var(--bde-woo-swatch-background)}.breakdance .button-atom{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;appearance:none;box-sizing:border-box;margin:0;border:0;padding:0;background-color:transparent;font-size:var(--bde-button-font-size);line-height:var(--bde-button-line-height);transform:translate(0,0);max-width:100%;width:var(--bde-button-width)}.breakdance .button-atom--primary{text-align:center;font-weight:var(--bde-button-font-weight);text-decoration:none;padding:var(--bde-button-padding-base);border-radius:var(--bde-button-border-radius);border-width:var(--bde-button-border-width);border-style:solid;border-color:transparent;overflow:hidden}.breakdance .button-atom--primary{color:var(--bde-button-primary-text-color);background:var(--bde-button-primary-background-color);border-color:var(--bde-button-primary-border-color)}.breakdance *,.breakdance *:before,.breakdance *:after{box-sizing:border-box}.breakdance img{max-width:100%;height:auto}.breakdance figure{width:100%;margin-left:0;margin-right:0}.breakdance-rich-text-styles>*:first-child{margin-top:0}.breakdance-rich-text-styles>*:last-child{margin-bottom:0}.breakdance{background-color:var(--bde-background-color);color:var(--bde-body-text-color)}.breakdance h3{color:var(--bde-headings-color)}.breakdance a{color:var(--bde-links-color)}.breakdance .button-atom--primary{border-radius:4px;font-weight:500}.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}.breakdance h3{font-family:var(--bde-heading-font-family)}.breakdance h3{font-size:var(--bde-h3-font-size)}.breakdance{font-size:17px;font-weight:300}.breakdance h3{font-size:20px;font-weight:500}:root{--preset-id-197d9a8c-96f4-492c-8eeb-4526ca229df9-font-size:17px;--preset-id-094c6f33-7a2c-4c48-bbbf-24d440271ec7-font-size:23px;--preset-id-3becd656-d513-4ebf-aa82-39102897145c-font-size:28px;--preset-id-30dbe75d-0502-4f09-ac9a-43fa5ed878dc-font-size:35px}:root{--bde-section-width:1200px;--bde-section-vertical-padding:40px}@media (max-width:767px){.breakdance h3{font-size:18px}}.breakdance .bde-header-builder-44-100{background:#fff}.breakdance .bde-header-builder-44-100 .bde-header-builder__container{padding-bottom:15px;padding-top:15px}@media screen and (max-width:600px){.breakdance .bde-header-builder{--wp-admin--admin-bar--height:0px}}.breakdance .bde-image-44-113{width:auto}.breakdance .bde-image-44-113 .breakdance-image-object{width:100%;height:52px}@media (min-width:1024px){.breakdance .bde-menu-44-103 .breakdance-menu{--links-gap:15px;--link-color-hover:var(--bde-palette-wit-aed0ba51-fa75-49f5-8a2d-a7c205aff634-1);--link-padding-top:16px;--link-padding-right:16px;--link-padding-bottom:16px;--link-padding-left:16px;--link-effect-color:var(--bde-brand-primary-color);--link-effect-color-hover:var(--bde-brand-primary-color);--link-effect-radius:4px}.breakdance .bde-menu-44-103 .breakdance-menu-link{font-weight:500;text-transform:uppercase}}.breakdance .bde-menu-44-103{margin-left:auto}@media (max-width:1023px){.breakdance .bde-menu-44-103 .breakdance-menu{--links-gap:0;--dropdown-link-icon-display:none;--dropdown-link-description-display:none;--dropdown-links-gap:var(--gap-none)}.breakdance .bde-menu-44-103 .breakdance-menu-list{align-items:stretch;background-color:var(--menu-background);display:none;flex-direction:column;left:var(--mobile-offset-x);max-height:var(--menu-max-height);overflow-y:auto;position:absolute;top:var(--mobile-offset-y,100%);width:100vw;z-index:var(--bde-z-index-menu-mobile)}.breakdance .bde-menu-44-103 .breakdance-menu-list>.bde-button{border-top:var(--link-border);justify-content:var(--link-alignment);margin-left:0;padding:10px 15px}.breakdance .bde-menu-44-103 .breakdance-menu-list>.bde-button .button-atom{width:var(--bde-button-width,100%)}.breakdance .bde-menu-44-103 .breakdance-menu-list>:last-child{border-bottom:var(--link-border)}.breakdance .bde-menu-44-103 .breakdance-menu .breakdance-menu-link{border-top:var(--link-border);outline-offset:-1px;padding:var(--mobile-link-padding-top) var(--mobile-link-padding-right) var(--mobile-link-padding-bottom) var(--mobile-link-padding-left)}.breakdance .bde-menu-44-103 .breakdance-menu-toggle{display:flex}}.breakdance .bde-code-block-209-101{width:100%}.breakdance .bde-section-131-100{background-color:var(--bde-brand-primary-color)}.breakdance .bde-columns-131-104{--columnCount:3}@media (max-width:1119px){.breakdance .bde-columns-131-104{--columnCount:3}.breakdance .bde-columns-131-104.bde-columns{flex-direction:column;flex-wrap:nowrap}.breakdance .bde-columns-131-104.bde-columns>.bde-column{width:100%}}@media (max-width:1023px){.breakdance .bde-columns-131-104{--columnCount:3}}@media (max-width:767px){.breakdance .bde-columns-131-104{--columnCount:3}}@media (max-width:479px){.breakdance .bde-columns-131-104{--columnCount:3}}.breakdance .bde-column-131-105{--column-width:24.14%}.breakdance .bde-heading-131-103{color:var(--bde-background-color);margin-bottom:15px}.breakdance .bde-icon-list-131-102{margin-bottom:20px}.breakdance .bde-icon-list-131-102 li .bde-icon-list__icon{color:var(--bde-palette-wit-aed0ba51-fa75-49f5-8a2d-a7c205aff634-1)}.breakdance .bde-icon-list-131-102 li .bde-icon-list__text{color:var(--bde-palette-wit-aed0ba51-fa75-49f5-8a2d-a7c205aff634-1)}.breakdance .bde-social-icons-131-110{flex-direction:row}.breakdance .bde-social-icons-131-110 .bde-social-icons__icon-wrapper{border-radius:0;background-color:var(--bde-palette-wit-aed0ba51-fa75-49f5-8a2d-a7c205aff634-1);padding:10px}.breakdance .bde-social-icons-131-110 .bde-social-icons__icon-wrapper svg{width:24px;height:24px;fill:var(--bde-brand-primary-color)}.breakdance .bde-column-131-106{--column-width:19.73%}.breakdance .bde-heading-131-107{color:var(--bde-background-color);margin-bottom:15px}.breakdance .bde-icon-list-131-109 ul{gap:10px}.breakdance .bde-icon-list-131-109 li .bde-icon-list__icon{color:var(--bde-palette-wit-aed0ba51-fa75-49f5-8a2d-a7c205aff634-1)}.breakdance .bde-icon-list-131-109 li .bde-icon-list__text{color:var(--bde-palette-wit-aed0ba51-fa75-49f5-8a2d-a7c205aff634-1)}.breakdance .bde-column-131-112{--column-width:56.13%}.breakdance .bde-heading-131-113{color:var(--bde-background-color);margin-bottom:15px}.breakdance .bde-rich-text-131-115{margin-bottom:20px;color:var(--bde-background-color)}.breakdance .bde-rich-text-131-115 a{color:var(--bde-background-color)}.breakdance .bde-div-131-118{width:100%;margin-top:auto;align-items:flex-end;text-align:right}.breakdance .bde-image-131-111 .breakdance-image-object{height:70px;width:auto}
Welkom in het hart van de energietransitie! Hier wordt elke dag gewerkt aan de verduurzaming van Nederland, in samenwerking met partners in de energiesector. Als digitale expert ben jij de cruciale schakel tussen data en de energietransitie. Je maakt data visueel en toegankelijk voor netbeheerders, versnellend inzetbaar voor uitdagingen van vandaag en morgen. Met flinke ambities is het bedrijf op zoek naar een ervaren Front-end Developer om hun team te versterken.
Functie Omschrijving
Als onderdeel van Team Rocket (Leveren energiedata) ga je aan de slag met TypeScript en React. Kennis van NextJS en PortalJS is een pré, waarbij de focus ligt op Usability, Consistency in design en interactie, Efficiency, User-Centered Design, Feedback en Testing. In een DevOps team werk je aan nieuwbouw, met jouw rol als techlead die de samenwerking binnen het team en de front-end engineering groep leidt.
Functie Eisen
Ben jij een ervaren Front-end Developer met een frisse, ondernemende mindset? Je voelt je verantwoordelijk voor het resultaat, bent proactief en zelfstandig. Het domein van data delen is nieuw, maar met jouw affiniteit met UX ga je zelfverzekerd aan de slag. Je beheerst de Nederlandse taal in woord en geschrift en hebt ruime ervaring met:
• TypeScript
• React (pre: NextJS/PortalJS)
• UI libraries zoals MaterialUI
• Monorepo tooling zoals NX
• Geautomatiseerd testen op verschillende niveaus
• Affiniteit met UX en accessibility
Arbeidsvoorwaarden
• Reiskostenvergoeding, mobiliteitsbudget, NS Businesscard of leaseauto
• 80% pensioenpremie
• Zes weken vakantie per jaar
Wacht niet te lang! Reageer eenvoudig via de solliciteer-button. Ze kunnen jou op korte termijn al gebruiken. Staat jouw ideale rol niet tussen de vacatures of heb je inhoudelijke vragen over de functie? Neem dan gerust contact met ons op.
Let's Find: jouw sleutel tot succes! Ontdek toptalent of vind je ideale baan. Regionale focus, gepersonaliseerde begeleiding en duurzame matches wachten op jou! Lees meer...