[{"data":1,"prerenderedAt":770},["ShallowReactive",2],{"collection-blogs-1566567161":3,"_apollo:default":769},{"data":4,"meta":766},[5],{"id":6,"title":7,"excerpt":8,"slug":9,"createdAt":10,"updatedAt":11,"publishedAt":12,"backDate":13,"documentId":14,"imageUrl":15,"expertises":58,"author":552,"blocks":577,"seo":732},42,"De toegevoegde waarde van Storybook bij het bouwen van webapplicaties","Front-End developers weten dat de ontwikkeling van Front-End technieken nooit stil staat. De ontwikkeling van frameworks als React, Vue, Angular en Svelte is de laatste jaren flink gegroeid. Daarnaast komen er steeds vaker handige tools beschikbaar die het leven van een frontender net iets makkelijker kunnen maken. Deze keer kijken we naar Storybook en wat de meerwaarde hiervan kan zijn zowel voor een developer als voor andere disciplines. In eerste plaats moeten we weten wat Storybook is, en waar het voor gebruikt kan worden.","de-toegevoegde-waarde-van-storybook-bij-het-bouwen-van-webapplicaties","2023-10-13T10:26:30.646Z","2025-04-15T12:56:34.348Z","2023-10-13T10:26:30.540Z","2021-12-01","vw9i5fjty4h3sy6noyv6zsdu",{"id":16,"name":17,"alternativeText":18,"caption":18,"width":19,"height":20,"formats":21,"hash":51,"ext":23,"mime":26,"size":52,"url":53,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":55,"updatedAt":55,"documentId":56,"publishedAt":57},291,"de-toegevoegde-waarde-van-storybook-bij-het-bouwen-van-webapplicaties.jpg",null,1280,500,{"large":22,"small":31,"medium":37,"thumbnail":44},{"ext":23,"url":24,"hash":25,"mime":26,"name":27,"path":18,"size":28,"width":29,"height":30},".jpg","https://incredible-beef-2a6059b946.media.strapiapp.com/large_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7.jpg","large_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7","image/jpg","large_de-toegevoegde-waarde-van-storybook-bij-het-bouwen-van-webapplicaties.jpg",21.41,1000,391,{"ext":23,"url":32,"hash":33,"mime":26,"name":34,"path":18,"size":35,"width":20,"height":36},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7.jpg","small_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7","small_de-toegevoegde-waarde-van-storybook-bij-het-bouwen-van-webapplicaties.jpg",7.73,195,{"ext":23,"url":38,"hash":39,"mime":26,"name":40,"path":18,"size":41,"width":42,"height":43},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7.jpg","medium_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7","medium_de-toegevoegde-waarde-van-storybook-bij-het-bouwen-van-webapplicaties.jpg",14,750,293,{"ext":23,"url":45,"hash":46,"mime":26,"name":47,"path":18,"size":48,"width":49,"height":50},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7.jpg","thumbnail_de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7","thumbnail_de-toegevoegde-waarde-van-storybook-bij-het-bouwen-van-webapplicaties.jpg",2.91,245,96,"de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7",23.85,"https://incredible-beef-2a6059b946.media.strapiapp.com/de_toegevoegde_waarde_van_storybook_bij_het_bouwen_van_webapplicaties_b1986820d7.jpg","strapi-provider-upload-strapi-cloud","2023-10-13T10:22:25.719Z","djgqko0ulvmajuz86x70znkb","2026-01-05T12:38:34.018Z",[59,293],{"id":60,"title":61,"subTitle":62,"description":63,"shortDescription":64,"slug":65,"createdAt":66,"updatedAt":67,"publishedAt":68,"isCoreExpertise":69,"documentId":70,"image":71,"blocks":90,"midPageBlocks":162,"seo":18},2,"Front-End","Steeds complexer en steeds belangrijker","In een online wereld vol moderne webapplicaties is een goede Front-End onmisbaar. Het is nodig om aan de behoeften en verwachtingen van de gebruikers te voldoen. De interactie voor de gebruiker moet daarbij zo snel en optimaal mogelijk zijn. Met trots kunnen wij zeggen dat juist dáár de kracht van onze Front-End Developers zit.\n\nOnze ervaren Developers staan klaar om jouw team te versterken en te zorgen voor een optimale gebruikerservaring. Of je nu een tijdelijke aanvulling op je team nodig hebt of op zoek bent naar gespecialiseerde kennis voor een specifiek project, onze Front-End Developers zijn uitgerust om de uitdagingen van onze klanten aan te gaan en hun doelen te bereiken.","Onze Front-End developers zijn bedreven in diverse programmeertalen, frameworks en methodieken en daardoor breed inzetbaar.","front-end","2023-08-17T09:50:12.632Z","2024-12-13T12:15:57.609Z","2023-08-17T09:50:14.418Z",false,"l6bdicvjcb7ue03zpciuc888",{"id":72,"name":73,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":76,"hash":85,"ext":78,"mime":81,"size":86,"url":87,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":88,"updatedAt":88,"documentId":89,"publishedAt":57},15,"frontend.png",282,130,{"thumbnail":77},{"ext":78,"url":79,"hash":80,"mime":81,"name":82,"path":18,"size":83,"width":49,"height":84},".png","https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_frontend_d8fa4dbfc1.png","thumbnail_frontend_d8fa4dbfc1","image/png","thumbnail_frontend.png",5.3,113,"frontend_d8fa4dbfc1",1.19,"https://incredible-beef-2a6059b946.media.strapiapp.com/frontend_d8fa4dbfc1.png","2023-08-17T09:47:56.273Z","gyo35xg1rnualaf1vog9edz8",[91,139],{"__component":92,"id":93,"title":94,"aside":95,"postType":96,"limit":97,"expertise":98},"strapi.related-kennisbank-list",161,"Lees meer over Front-End Development","Onze blogs","alle",3,[99],{"id":60,"title":61,"subTitle":62,"description":63,"shortDescription":64,"slug":65,"createdAt":66,"updatedAt":67,"publishedAt":68,"isCoreExpertise":69,"documentId":70,"image":100,"blocks":103,"midPageBlocks":114,"seo":18},{"id":72,"name":73,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":101,"hash":85,"ext":78,"mime":81,"size":86,"url":87,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":88,"updatedAt":88,"documentId":89,"publishedAt":57},{"thumbnail":102},{"ext":78,"url":79,"hash":80,"mime":81,"name":82,"path":18,"size":83,"width":49,"height":84},[104,105],{"__component":92,"id":93,"title":94,"aside":95,"postType":96,"limit":97},{"__component":106,"id":107,"titleLeft":108,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":111,"callToActionTextRight":112,"callToActionLinkUrlRight":113},"call-to-action.double",210,"Heb je een Front-End Developer nodig?","Neem contact met ons op","/contact","Zoek je een nieuwe baan?","Bekijk onze vacatures","/word-onze-collega/vacatures",[115,121,125,129,133],{"__component":116,"id":117,"title":118,"subTitle":18,"content":119,"callToActionText":120,"callToActionLink":110,"colorStyle":18,"showAsides":18},"global.alternating-page-section",20,"Experts in verschillende frameworks","De huidige markt wordt al enige jaren gedomineerd door de drie grote Front-End frameworks: Angular, Vue en React. Voor elk framework hebben wij experts die altijd up-to-date blijven van de laatste ontwikkelingen. Hierdoor kunnen wij aan alle wensen voldoen. Het houdt de interactie binnen het team ook levendig; we sparren vaak en organiseren regelmatig LevelUp-sessies om elkaar op de hoogte te houden.","Neem contact op voor de mogelijkheden",{"__component":116,"id":122,"title":123,"subTitle":18,"content":124,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},22,"Meer dan HTML, CSS en Javascript","Over het algemeen bestaat een Front-End framework uit HTML, CSS en Javascript, maar als Front-End competence in een multidisciplinaire agile omgeving doen we steeds meer. Of het nu gaat om de integratie van middleware zoals GraphQL of het inrichten van een pipeline voor productie- en staging-omgevingen. Wij weten wat we ermee moeten doen. Onze experts zijn zeer bekwaam en ervaren in de samenwerking met UX-designers. Door het gebruik van design patterns en design tokens zorgen ze voor een naadloze integratie van ontwerp naar ontwikkeling.",{"__component":116,"id":126,"title":127,"subTitle":18,"content":128,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},21,"Kennis up-to-date","De Front-End Developers krijgen ruim de mogelijkheid om hun kennis up-to-date te houden door trainingen te volgen en evenementen te bezoeken. Maar wat is leerzamer dan de opgedane kennis in de praktijk brengen? Daarvoor hebben we binnen ShareValue een aantal interne projecten lopen zoals de herbouw van onze website met Nuxt met een Strapi CMS, en de ontwikkeling van een eigen CV-generator met Angular. De kennis die onze experts opdoen, delen zij regelmatig in blogs.",{"__component":116,"id":130,"title":131,"subTitle":18,"content":132,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},23,"Full-Stack Development","Onze Developers zijn niet alleen experts in Front-End technieken, maar ook getraind in .NET en Azure. Dit verbreedt hun vaardigheden en maakt hen volwaardige Full-Stack Developers. Wat natuurlijk niet wegneemt dat wij trots zijn op onze specialistische kennis als Front-End Developers. ",{"__component":134,"id":135,"title":136,"callToActionText":137,"callToActionLinkUrl":138,"body":18},"call-to-action.single",100,"Wil je weten wat onze collega's allemaal kunnen?","Lees de klantcase over ons werk bij Rovict","/klantcases/rovict-vernieuwt-leerlingadministratie-en-leerlingvolgsysteem-esis",{"__component":106,"id":107,"titleLeft":108,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":111,"callToActionTextRight":112,"callToActionLinkUrlRight":113,"iconUrlLeft":140,"iconUrlRight":153},{"id":141,"name":142,"alternativeText":18,"caption":18,"width":143,"height":144,"formats":18,"hash":145,"ext":146,"mime":147,"size":148,"url":149,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":150,"updatedAt":151,"documentId":152,"publishedAt":57},6,"bulb.svg",71,70,"bulb_dd2e1d4efb",".svg","image/svg+xml",3.75,"https://incredible-beef-2a6059b946.media.strapiapp.com/bulb_dd2e1d4efb.svg","2023-08-17T08:31:37.036Z","2025-04-01T14:08:08.648Z","l2lglwkh4lf7ip36sjvs42rc",{"id":154,"name":155,"alternativeText":18,"caption":18,"width":144,"height":144,"formats":18,"hash":156,"ext":146,"mime":147,"size":157,"url":158,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":159,"updatedAt":160,"documentId":161,"publishedAt":57},8,"briefcase.svg","briefcase_679abae475",4.49,"https://incredible-beef-2a6059b946.media.strapiapp.com/briefcase_679abae475.svg","2023-08-17T08:31:37.038Z","2025-01-24T15:53:51.531Z","bfdftlvwhj35dm37dzv4aujf",[163,200,230,260,291],{"__component":116,"id":117,"title":118,"subTitle":18,"content":119,"callToActionText":120,"callToActionLink":110,"colorStyle":18,"showAsides":18,"imageUrl":164},{"id":165,"name":166,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":168,"hash":195,"ext":23,"mime":172,"size":196,"url":197,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":198,"updatedAt":198,"documentId":199,"publishedAt":57},775,"development.jpg",850,{"large":169,"small":176,"medium":182,"thumbnail":188},{"ext":23,"url":170,"hash":171,"mime":172,"name":173,"path":18,"size":174,"width":29,"height":175},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_development_eb51c16b40.jpg","large_development_eb51c16b40","image/jpeg","large_development.jpg",129.5,664,{"ext":23,"url":177,"hash":178,"mime":172,"name":179,"path":18,"size":180,"width":20,"height":181},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_development_eb51c16b40.jpg","small_development_eb51c16b40","small_development.jpg",47.86,332,{"ext":23,"url":183,"hash":184,"mime":172,"name":185,"path":18,"size":186,"width":42,"height":187},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_development_eb51c16b40.jpg","medium_development_eb51c16b40","medium_development.jpg",86.06,498,{"ext":23,"url":189,"hash":190,"mime":172,"name":191,"path":18,"size":192,"width":193,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_development_eb51c16b40.jpg","thumbnail_development_eb51c16b40","thumbnail_development.jpg",14.65,235,156,"development_eb51c16b40",184.35,"https://incredible-beef-2a6059b946.media.strapiapp.com/development_eb51c16b40.jpg","2024-08-08T08:20:39.044Z","kpowm3xzp131qb3rneasct1x",{"__component":116,"id":122,"title":123,"subTitle":18,"content":124,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":201},{"id":202,"name":203,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":204,"hash":225,"ext":23,"mime":172,"size":226,"url":227,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":228,"updatedAt":228,"documentId":229,"publishedAt":57},776,"ux designer.jpg",{"large":205,"small":210,"medium":215,"thumbnail":220},{"ext":23,"url":206,"hash":207,"mime":172,"name":208,"path":18,"size":209,"width":29,"height":175},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_ux_designer_4d22c4e684.jpg","large_ux_designer_4d22c4e684","large_ux designer.jpg",95.41,{"ext":23,"url":211,"hash":212,"mime":172,"name":213,"path":18,"size":214,"width":20,"height":181},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_ux_designer_4d22c4e684.jpg","small_ux_designer_4d22c4e684","small_ux designer.jpg",30.12,{"ext":23,"url":216,"hash":217,"mime":172,"name":218,"path":18,"size":219,"width":42,"height":187},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_ux_designer_4d22c4e684.jpg","medium_ux_designer_4d22c4e684","medium_ux designer.jpg",59.67,{"ext":23,"url":221,"hash":222,"mime":172,"name":223,"path":18,"size":224,"width":193,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_ux_designer_4d22c4e684.jpg","thumbnail_ux_designer_4d22c4e684","thumbnail_ux designer.jpg",8.79,"ux_designer_4d22c4e684",140.45,"https://incredible-beef-2a6059b946.media.strapiapp.com/ux_designer_4d22c4e684.jpg","2024-08-08T08:22:53.444Z","lzicd49svwe2coyrmyxkolub",{"__component":116,"id":126,"title":127,"subTitle":18,"content":128,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":231},{"id":232,"name":233,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":234,"hash":255,"ext":23,"mime":172,"size":256,"url":257,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":258,"updatedAt":258,"documentId":259,"publishedAt":57},777,"kennis opdoen.jpg",{"large":235,"small":240,"medium":245,"thumbnail":250},{"ext":23,"url":236,"hash":237,"mime":172,"name":238,"path":18,"size":239,"width":29,"height":175},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_kennis_opdoen_7e45a846f8.jpg","large_kennis_opdoen_7e45a846f8","large_kennis opdoen.jpg",147.32,{"ext":23,"url":241,"hash":242,"mime":172,"name":243,"path":18,"size":244,"width":20,"height":181},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_kennis_opdoen_7e45a846f8.jpg","small_kennis_opdoen_7e45a846f8","small_kennis opdoen.jpg",43.85,{"ext":23,"url":246,"hash":247,"mime":172,"name":248,"path":18,"size":249,"width":42,"height":187},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_kennis_opdoen_7e45a846f8.jpg","medium_kennis_opdoen_7e45a846f8","medium_kennis opdoen.jpg",90.65,{"ext":23,"url":251,"hash":252,"mime":172,"name":253,"path":18,"size":254,"width":193,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_kennis_opdoen_7e45a846f8.jpg","thumbnail_kennis_opdoen_7e45a846f8","thumbnail_kennis opdoen.jpg",10.87,"kennis_opdoen_7e45a846f8",220.32,"https://incredible-beef-2a6059b946.media.strapiapp.com/kennis_opdoen_7e45a846f8.jpg","2024-08-08T08:25:10.656Z","q2bqhg65mnalhkgalkt2o2sq",{"__component":116,"id":130,"title":131,"subTitle":18,"content":132,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":261},{"id":262,"name":263,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":264,"hash":285,"ext":23,"mime":172,"size":286,"url":287,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":288,"updatedAt":289,"documentId":290,"publishedAt":57},778,"stack.jpg",{"large":265,"small":270,"medium":275,"thumbnail":280},{"ext":23,"url":266,"hash":267,"mime":172,"name":268,"path":18,"size":269,"width":29,"height":175},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_stack_fec3a2bfae.jpg","large_stack_fec3a2bfae","large_stack.jpg",95.19,{"ext":23,"url":271,"hash":272,"mime":172,"name":273,"path":18,"size":274,"width":20,"height":181},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_stack_fec3a2bfae.jpg","small_stack_fec3a2bfae","small_stack.jpg",29.21,{"ext":23,"url":276,"hash":277,"mime":172,"name":278,"path":18,"size":279,"width":42,"height":187},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_stack_fec3a2bfae.jpg","medium_stack_fec3a2bfae","medium_stack.jpg",58.57,{"ext":23,"url":281,"hash":282,"mime":172,"name":283,"path":18,"size":284,"width":193,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_stack_fec3a2bfae.jpg","thumbnail_stack_fec3a2bfae","thumbnail_stack.jpg",8.24,"stack_fec3a2bfae",143.32,"https://incredible-beef-2a6059b946.media.strapiapp.com/stack_fec3a2bfae.jpg","2024-08-08T08:26:50.506Z","2024-12-09T10:18:46.269Z","kpz9iiz9dr551k3umhmtwy3k",{"__component":134,"id":135,"title":136,"callToActionText":137,"callToActionLinkUrl":138,"body":18,"imageUrl":292},{"id":141,"name":142,"alternativeText":18,"caption":18,"width":143,"height":144,"formats":18,"hash":145,"ext":146,"mime":147,"size":148,"url":149,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":150,"updatedAt":151,"documentId":152,"publishedAt":57},{"id":294,"title":295,"subTitle":296,"description":297,"shortDescription":298,"slug":299,"createdAt":300,"updatedAt":301,"publishedAt":302,"isCoreExpertise":303,"documentId":304,"image":305,"blocks":319,"midPageBlocks":457,"seo":547},10,"Development","Maatwerkoplossingen voor ieder vraagstuk","Ons Development-team biedt oplossingen die de verwachtingen van onze opdrachtgevers overtreffen. Wij zijn experts op het gebied van alle aspecten van Development, wat ons in staat stelt om veelzijdige en schaalbare oplossingen te creëren. Van gebruiksvriendelijke interfaces tot krachtige Back-End-architecturen: wij hebben de kennis en ervaring om jouw project tot een succes te maken.","Ons Development-team biedt oplossingen die de verwachtingen van onze opdrachtgevers overtreffen. Wij zijn experts op het gebied van alle aspecten van Development, wat ons in staat stelt om veelzijdige en schaalbare oplossingen te creëren. ","development","2024-12-13T12:15:40.484Z","2025-04-11T13:13:55.384Z","2024-12-13T12:15:42.976Z",true,"lpzfadokpxn5sdnx9czcdg47",{"id":306,"name":307,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":308,"hash":314,"ext":78,"mime":81,"size":60,"url":315,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":316,"updatedAt":317,"documentId":318,"publishedAt":57},950,"Logo Development 2025 web.png",{"thumbnail":309},{"ext":78,"url":310,"hash":311,"mime":81,"name":312,"path":18,"size":313,"width":49,"height":84},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_Logo_Development_2025_web_d7711df072.png","thumbnail_Logo_Development_2025_web_d7711df072","thumbnail_Logo Development 2025 web.png",8.58,"Logo_Development_2025_web_d7711df072","https://incredible-beef-2a6059b946.media.strapiapp.com/Logo_Development_2025_web_d7711df072.png","2024-12-17T15:02:47.479Z","2024-12-19T08:35:22.054Z","okwfs117fps338v5fj5dnrpb",[320,436],{"__component":92,"id":321,"title":322,"aside":18,"postType":96,"limit":97,"expertise":323},179,"Lees meer over Development",[324,374,387],{"id":294,"title":295,"subTitle":296,"description":297,"shortDescription":298,"slug":299,"createdAt":300,"updatedAt":301,"publishedAt":302,"isCoreExpertise":303,"documentId":304,"image":325,"blocks":328,"midPageBlocks":333,"seo":357},{"id":306,"name":307,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":326,"hash":314,"ext":78,"mime":81,"size":60,"url":315,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":316,"updatedAt":317,"documentId":318,"publishedAt":57},{"thumbnail":327},{"ext":78,"url":310,"hash":311,"mime":81,"name":312,"path":18,"size":313,"width":49,"height":84},[329,330],{"__component":92,"id":321,"title":322,"aside":18,"postType":96,"limit":97},{"__component":106,"id":331,"titleLeft":332,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":111,"callToActionTextRight":112,"callToActionLinkUrlRight":113},251,"Heb je een Developer nodig?",[334,339,344,348,353],{"__component":116,"id":335,"title":336,"subTitle":18,"content":337,"callToActionText":18,"callToActionLink":18,"colorStyle":338,"showAsides":69},47,"Optimale gebruikerservaring","Een goede Front-End is meer dan alleen een aantrekkelijke interface; het vormt de schakel tussen technologie en eindgebruiker. Onze Developers combineren hun kennis van frameworks zoals React, Angular en Vue met ervaring in geavanceerde technologieën zoals GraphQL en CI/CD pipelines. Dit stelt ons in staat om interactieve, intuïtieve en betrouwbare applicaties te ontwikkelen die voldoen aan de hoogste standaarden.\n\nWij werken nauw samen met UX-designers om via design patterns en design tokens een naadloze integratie van ontwerp naar functionaliteit te realiseren. Dankzij regelmatige LevelUp-sessies, interne projecten en kennisdeling blijven onze Front-End specialisten altijd up-to-date.","Sugar Glaze",{"__component":116,"id":340,"title":341,"subTitle":18,"content":342,"callToActionText":18,"callToActionLink":18,"colorStyle":343,"showAsides":69},49,"Betrouwbaarheid en schaalbaarheid","Voor robuuste Back-End-oplossingen vertrouwen we op onze kennis van .NET. Of het nu gaat om het bouwen van nieuwe applicaties, het onderhouden van bestaande software of het implementeren van geavanceerde authenticatie- en autorisatiesystemen: ons team levert maatwerk dat aansluit bij de specifieke wensen en behoeften van jouw organisatie.\n\nHierbij maken we onder andere gebruik van onze kennis van Azure-services zoals Function Apps, Service Bus en App Services, maar ook tools als Docker en Kubernetes om veilige, schaalbare oplossingen te realiseren.\n\nOnze focus op grondige tests – van unit tests tot integratietests – garandeert stabiliteit en betrouwbaarheid.","White",{"__component":116,"id":345,"title":346,"subTitle":18,"content":347,"callToActionText":18,"callToActionLink":18,"colorStyle":338,"showAsides":69},50,"Full-Stack mogelijkheden","Wat ons uniek maakt, is onze combinatie van Front-End en .NET-expertise. Onze Developers zijn niet alleen gespecialiseerd in het creëren van intuïtieve interfaces, maar beheersen ook de complexiteit van Back-End-architectuur en Azure-integraties. Dit maakt hen volwaardige Full-Stack Developers die moeiteloos schakelen tussen de verschillende onderdelen van jouw project.",{"__component":116,"id":349,"title":350,"subTitle":18,"content":351,"callToActionText":352,"callToActionLink":110,"colorStyle":343,"showAsides":69},48,"Samen naar succes","Onze aanpak is erop gericht om samen met jou het optimale resultaat te behalen. Door proactief mee te denken en onze kennis te delen, zorgen we ervoor dat jouw project voldoet aan de hoogste standaarden van gebruiksvriendelijkheid, betrouwbaarheid en veiligheid. Of het nu gaat om een tijdelijke versterking van je team of volledige projectondersteuning: ons Development-team staat voor je klaar.\n\nOntdek wat wij voor jouw project kunnen betekenen."," Neem contact met ons op voor meer informatie!",{"__component":134,"id":354,"title":355,"callToActionText":137,"callToActionLinkUrl":356,"body":18},103,"Wil je weten wat onze collega’s allemaal kunnen?","https://www.sharevalue.nl/klantcases/rovict-vernieuwt-leerlingadministratie-en-leerlingvolgsysteem-esis",{"id":358,"metaTitle":359,"metaDescription":360,"structuredData":361},27,"Maatwerk software & integraties – ShareValue Development","Van webapps tot koppelingen: onze developers bouwen slimme oplossingen die passen bij jouw Microsoft-omgeving.",{"url":362,"@type":363,"@context":364,"provider":365,"areaServed":369,"description":372,"serviceType":373},"https://www.sharevalue.nl/wat-we-doen/development","Service","https://schema.org",{"url":366,"name":367,"@type":368},"https://www.sharevalue.nl","ShareValue","Organization",{"name":370,"@type":371},"Nederland","Country","Onze developers realiseren maatwerkoplossingen binnen Microsoft-omgevingen. Denk aan webapplicaties, API-integraties, extensies voor Microsoft 365 en koppelingen met externe systemen. Technisch sterk én begrijpelijk ingericht.","Maatwerk softwareontwikkeling en integraties",{"id":60,"title":61,"subTitle":62,"description":63,"shortDescription":64,"slug":65,"createdAt":66,"updatedAt":67,"publishedAt":68,"isCoreExpertise":69,"documentId":70,"image":375,"blocks":378,"midPageBlocks":381,"seo":18},{"id":72,"name":73,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":376,"hash":85,"ext":78,"mime":81,"size":86,"url":87,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":88,"updatedAt":88,"documentId":89,"publishedAt":57},{"thumbnail":377},{"ext":78,"url":79,"hash":80,"mime":81,"name":82,"path":18,"size":83,"width":49,"height":84},[379,380],{"__component":92,"id":93,"title":94,"aside":95,"postType":96,"limit":97},{"__component":106,"id":107,"titleLeft":108,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":111,"callToActionTextRight":112,"callToActionLinkUrlRight":113},[382,383,384,385,386],{"__component":116,"id":117,"title":118,"subTitle":18,"content":119,"callToActionText":120,"callToActionLink":110,"colorStyle":18,"showAsides":18},{"__component":116,"id":122,"title":123,"subTitle":18,"content":124,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},{"__component":116,"id":126,"title":127,"subTitle":18,"content":128,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},{"__component":116,"id":130,"title":131,"subTitle":18,"content":132,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},{"__component":134,"id":135,"title":136,"callToActionText":137,"callToActionLinkUrl":138,"body":18},{"id":97,"title":388,"subTitle":296,"description":389,"shortDescription":390,"slug":391,"createdAt":392,"updatedAt":393,"publishedAt":394,"isCoreExpertise":69,"documentId":395,"image":396,"blocks":410,"midPageBlocks":418,"seo":18},"Microsoft .NET","Ons team van .NET-experts staat niet alleen klaar om onze klanten te ondersteunen bij diverse implementatie uitdagingen, maar we zijn ook gespecialiseerd in het testen van applicaties op verschillende niveaus, zoals unit tests, integratietests en acceptatietests. We streven naar uitmuntende testdekking om de stabiliteit en betrouwbaarheid van de applicaties te waarborgen.\n\nDaarnaast zijn we bedreven in het gebruik van verschillende Azure-services om schaalbare en veilige oplossingen te bieden aan onze klanten. Zo bieden we met Azure DevOps krachtige tools voor het beheren van de ontwikkeling, het automatiseren van tests en het geautomatiseerd uitrollen naar acceptatie- of productieomgevingen met CI/CD-pipelines.\n\nHet samenwerken met onze klanten staat centraal in ons werk, en we denken proactief mee om samen de meest optimale oplossingen te realiseren.","In de praktijk komen de .NET developers van ShareValue terecht in allerlei verschillende branches met uiteenlopende technische uitdagingen.","dotnet","2023-08-17T11:19:57.991Z","2024-12-13T12:16:04.480Z","2023-08-17T11:22:08.050Z","v9pl553hsjk98esvs5gzoso3",{"id":397,"name":398,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":399,"hash":405,"ext":78,"mime":81,"size":406,"url":407,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":408,"updatedAt":408,"documentId":409,"publishedAt":57},17,"dotnet_logo.png",{"thumbnail":400},{"ext":78,"url":401,"hash":402,"mime":81,"name":403,"path":18,"size":404,"width":49,"height":84},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_dotnet_logo_d38dbc3865.png","thumbnail_dotnet_logo_d38dbc3865","thumbnail_dotnet_logo.png",7.14,"dotnet_logo_d38dbc3865",2.93,"https://incredible-beef-2a6059b946.media.strapiapp.com/dotnet_logo_d38dbc3865.png","2023-08-17T09:47:56.313Z","nnimzsossci29qmi8z0texlp",[411,414],{"__component":92,"id":412,"title":413,"aside":18,"postType":96,"limit":97},167," Lees meer over .NET Development",{"__component":106,"id":415,"titleLeft":416,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":417,"callToActionTextRight":109,"callToActionLinkUrlRight":110},212,"Heb je een .NET expert nodig?","Weten welke expert op dit moment beschikbaar is?",[419,424,428,432],{"__component":116,"id":420,"title":421,"subTitle":18,"content":422,"callToActionText":423,"callToActionLink":110,"colorStyle":18,"showAsides":18},36,"Bouwen en testen","Onze .NET-experts kunnen uiteraard goede en betrouwbare applicaties ontwikkelen met de laatste .NET-versies. Ook zijn onze collega’s ervaren in het onderhouden van oudere software. We kunnen je helpen met het upgraden en uitbreiden van je applicatie zodat deze aan de laatste wensen en eisen voldoet. Het uitvoeren van uitgebreide unit- en integratietests om de stabiliteit van applicaties te waarborgen, wordt meegenomen als standaard onderdeel van het werk. Met een focus op grondige testdekking streven we ernaar om eventuele bugs vroegtijdig op te sporen en op te lossen, waardoor de algehele kwaliteit van jouw product wordt verbeterd.  \n\nVan Blazor Front-End of REST API’s tot database communicatie, onze .NET-experts hebben er ruime ervaring mee.","Weten wat onze experts voor jou kunnen doen?",{"__component":116,"id":425,"title":426,"subTitle":18,"content":427,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},37,"Combineren met Azure","Wil je profiteren van Azure-services voor jouw project? Ons team van experts kan je helpen met het selecteren en opzetten van de juiste services. Of je gebruik wil maken van App services, Function Apps, storage of database oplossingen of bijvoorbeeld een Service Bus, onze experts kunnen je helpen bij het kiezen en het realiseren van stabiele, schaalbare en veilige oplossingen die voldoen aan jouw specifieke behoeften.",{"__component":116,"id":429,"title":430,"subTitle":18,"content":431,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},35,"Houd het veilig!","Om de toegang tot je producten veilig te houden, kan ons team van .NET-experts je helpen bij het opzetten en onderhouden van authenticatie en autorisatie. Onze experts zijn ervaren in het opzetten de juiste entra diensten zodat de toegang tot zowel Front-End als Back-End of deamon-processen op een juiste manier afgehandeld wordt. Ook kunnen we je helpen met het opzetten van verschillende groepen, rechten en rollen, en deze op de juiste manier toepassen binnen de applicatie zodat onterechte toegang op functieniveau geregeld kan worden. Bij het opzetten en implementeren wordt er rekening gehouden met het reduceren van de administratieve overhead zonder concessies te doen aan de beveiliging.",{"__component":134,"id":433,"title":136,"callToActionText":434,"callToActionLinkUrl":435,"body":18},46,"Lees de klantcase over ons werk bij KPN","/klantcases/de-continue-bereikbaarheid-van-een-alarmcentrale",{"__component":106,"id":331,"titleLeft":332,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":111,"callToActionTextRight":112,"callToActionLinkUrlRight":113,"iconUrlLeft":437,"iconUrlRight":448},{"id":438,"name":439,"alternativeText":18,"caption":18,"width":440,"height":441,"formats":18,"hash":442,"ext":146,"mime":147,"size":443,"url":444,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":445,"updatedAt":446,"documentId":447,"publishedAt":57},7,"people.svg",83,60,"people_6bb632d0d7",1.47,"https://incredible-beef-2a6059b946.media.strapiapp.com/people_6bb632d0d7.svg","2023-08-17T08:31:37.039Z","2024-09-13T08:11:42.408Z","iyvqylwtkx5qokq2hk77ppgf",{"id":449,"name":450,"alternativeText":18,"caption":18,"width":340,"height":441,"formats":18,"hash":451,"ext":146,"mime":147,"size":452,"url":453,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":454,"updatedAt":455,"documentId":456,"publishedAt":57},372,"magnifier.svg","magnifier_d084afba36",1.05,"https://incredible-beef-2a6059b946.media.strapiapp.com/magnifier_d084afba36.svg","2023-11-03T11:13:25.446Z","2025-12-09T15:45:48.015Z","e7czsfz9jg7oi93q44vomebz",[458,478,508,515,545],{"__component":116,"id":335,"title":336,"subTitle":18,"content":337,"callToActionText":18,"callToActionLink":18,"colorStyle":338,"showAsides":69,"imageUrl":459},{"id":460,"name":166,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":461,"hash":474,"ext":23,"mime":172,"size":196,"url":475,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":476,"updatedAt":476,"documentId":477,"publishedAt":57},904,{"large":462,"small":465,"medium":468,"thumbnail":471},{"ext":23,"url":463,"hash":464,"mime":172,"name":173,"path":18,"size":174,"width":29,"height":175},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_development_6e5abdca44.jpg","large_development_6e5abdca44",{"ext":23,"url":466,"hash":467,"mime":172,"name":179,"path":18,"size":180,"width":20,"height":181},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_development_6e5abdca44.jpg","small_development_6e5abdca44",{"ext":23,"url":469,"hash":470,"mime":172,"name":185,"path":18,"size":186,"width":42,"height":187},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_development_6e5abdca44.jpg","medium_development_6e5abdca44",{"ext":23,"url":472,"hash":473,"mime":172,"name":191,"path":18,"size":192,"width":193,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_development_6e5abdca44.jpg","thumbnail_development_6e5abdca44","development_6e5abdca44","https://incredible-beef-2a6059b946.media.strapiapp.com/development_6e5abdca44.jpg","2024-12-13T12:36:11.969Z","qqi9wubjpzs8w6daj98mtc7a",{"__component":116,"id":340,"title":341,"subTitle":18,"content":342,"callToActionText":18,"callToActionLink":18,"colorStyle":343,"showAsides":69,"imageUrl":479},{"id":480,"name":481,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":482,"hash":503,"ext":23,"mime":172,"size":504,"url":505,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":506,"updatedAt":506,"documentId":507,"publishedAt":57},791,"service bus.jpg",{"large":483,"small":488,"medium":493,"thumbnail":498},{"ext":23,"url":484,"hash":485,"mime":172,"name":486,"path":18,"size":487,"width":29,"height":175},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_service_bus_2b48e3a7cc.jpg","large_service_bus_2b48e3a7cc","large_service bus.jpg",82.82,{"ext":23,"url":489,"hash":490,"mime":172,"name":491,"path":18,"size":492,"width":20,"height":181},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_service_bus_2b48e3a7cc.jpg","small_service_bus_2b48e3a7cc","small_service bus.jpg",29.35,{"ext":23,"url":494,"hash":495,"mime":172,"name":496,"path":18,"size":497,"width":42,"height":187},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_service_bus_2b48e3a7cc.jpg","medium_service_bus_2b48e3a7cc","medium_service bus.jpg",54.72,{"ext":23,"url":499,"hash":500,"mime":172,"name":501,"path":18,"size":502,"width":193,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_service_bus_2b48e3a7cc.jpg","thumbnail_service_bus_2b48e3a7cc","thumbnail_service bus.jpg",8.71,"service_bus_2b48e3a7cc",117.51,"https://incredible-beef-2a6059b946.media.strapiapp.com/service_bus_2b48e3a7cc.jpg","2024-08-09T08:35:35.231Z","rbpawsulv6vrsistrk2yupwg",{"__component":116,"id":345,"title":346,"subTitle":18,"content":347,"callToActionText":18,"callToActionLink":18,"colorStyle":338,"showAsides":69,"imageUrl":509},{"id":262,"name":263,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":510,"hash":285,"ext":23,"mime":172,"size":286,"url":287,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":288,"updatedAt":289,"documentId":290,"publishedAt":57},{"large":511,"small":512,"medium":513,"thumbnail":514},{"ext":23,"url":266,"hash":267,"mime":172,"name":268,"path":18,"size":269,"width":29,"height":175},{"ext":23,"url":271,"hash":272,"mime":172,"name":273,"path":18,"size":274,"width":20,"height":181},{"ext":23,"url":276,"hash":277,"mime":172,"name":278,"path":18,"size":279,"width":42,"height":187},{"ext":23,"url":281,"hash":282,"mime":172,"name":283,"path":18,"size":284,"width":193,"height":194},{"__component":116,"id":349,"title":350,"subTitle":18,"content":351,"callToActionText":352,"callToActionLink":110,"colorStyle":343,"showAsides":69,"imageUrl":516},{"id":517,"name":518,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":519,"hash":540,"ext":23,"mime":172,"size":541,"url":542,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":543,"updatedAt":543,"documentId":544,"publishedAt":57},789,"teamwork.jpg",{"large":520,"small":525,"medium":530,"thumbnail":535},{"ext":23,"url":521,"hash":522,"mime":172,"name":523,"path":18,"size":524,"width":29,"height":175},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_teamwork_8f4a7b0c14.jpg","large_teamwork_8f4a7b0c14","large_teamwork.jpg",80.4,{"ext":23,"url":526,"hash":527,"mime":172,"name":528,"path":18,"size":529,"width":20,"height":181},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_teamwork_8f4a7b0c14.jpg","small_teamwork_8f4a7b0c14","small_teamwork.jpg",27.14,{"ext":23,"url":531,"hash":532,"mime":172,"name":533,"path":18,"size":534,"width":42,"height":187},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_teamwork_8f4a7b0c14.jpg","medium_teamwork_8f4a7b0c14","medium_teamwork.jpg",51.59,{"ext":23,"url":536,"hash":537,"mime":172,"name":538,"path":18,"size":539,"width":193,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_teamwork_8f4a7b0c14.jpg","thumbnail_teamwork_8f4a7b0c14","thumbnail_teamwork.jpg",8.11,"teamwork_8f4a7b0c14",116.53,"https://incredible-beef-2a6059b946.media.strapiapp.com/teamwork_8f4a7b0c14.jpg","2024-08-08T10:07:23.468Z","uo85gvimf7llsbaoahqw08m3",{"__component":134,"id":354,"title":355,"callToActionText":137,"callToActionLinkUrl":356,"body":18,"imageUrl":546},{"id":141,"name":142,"alternativeText":18,"caption":18,"width":143,"height":144,"formats":18,"hash":145,"ext":146,"mime":147,"size":148,"url":149,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":150,"updatedAt":151,"documentId":152,"publishedAt":57},{"id":358,"metaTitle":359,"metaDescription":360,"structuredData":548,"metaImage":18,"metaSocial":551},{"url":362,"@type":363,"@context":364,"provider":549,"areaServed":550,"description":372,"serviceType":373},{"url":366,"name":367,"@type":368},{"name":370,"@type":371},[],{"id":144,"name":553,"jobTitle":554,"about":18,"createdAt":555,"updatedAt":556,"publishedAt":557,"documentId":558,"image":559,"contactOptions":576},"Wietze","Developer","2023-08-18T08:37:46.196Z","2025-06-02T11:47:28.012Z","2023-08-18T08:37:45.947Z","wttbqjzhgssj2hu7asnnu228",{"id":560,"name":561,"alternativeText":18,"caption":18,"width":562,"height":563,"formats":564,"hash":571,"ext":78,"mime":81,"size":572,"url":573,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":574,"updatedAt":574,"documentId":575,"publishedAt":57},1132,"Wietze websitefoto.png",278,326,{"thumbnail":565},{"ext":78,"url":566,"hash":567,"mime":81,"name":568,"path":18,"size":569,"width":570,"height":194},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_Wietze_websitefoto_be2fa342ac.png","thumbnail_Wietze_websitefoto_be2fa342ac","thumbnail_Wietze websitefoto.png",20.03,133,"Wietze_websitefoto_be2fa342ac",20.85,"https://incredible-beef-2a6059b946.media.strapiapp.com/Wietze_websitefoto_be2fa342ac.png","2025-06-02T11:46:48.888Z","znwsklkwfm5ecn3as64dxhq2",[],[578,583,587,590,594,597,600,603,606,609,613,616,619,622,625,628,631,724],{"__component":579,"id":580,"title":18,"asideText":581,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":582,"introductionText":18},"global.pagesection",672,"​","## Wat is Storybook?\n\nHet maken en onderhouden van een style guide is over het algemeen een uitdaging. Storybook is een open source framework dat het eenvoudiger maakt om de user interface van projecten te bouwen, documenteren, testen en demonstreren.\n\nStorybook kan gebruikt worden als playground voor UI componenten. Doordat Storybook zelf buiten de applicatie draait, kunnen we het gedrag van de componenten in Storybook aanpassen naar een gewenste situatie, zonder dat dit invloed heeft op de componenten in de applicatie.\n\nDe huidige versies van Storybook ondersteunen functionaliteiten die een groot aantal onduidelijkheden in de moderne workflow voor webontwikkeling opvult.\n\nStorybook ondersteunt de meest gangbare Front-End frameworks van het moment zoals React, Vue en Angular, maar is ook vanuit native [JavaScript](/blogs/aan-de-slag-met-storybook-zonder-javascript-framework) te gebruiken.",{"__component":579,"id":584,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":586,"introductionText":18},671,"","![](https://www.sharevalue.nl/images/sharevalue/blogs/storybook_screenshot_2.png)\n\n​",{"__component":579,"id":588,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":589,"introductionText":18},670,"## Wat is de story van Storybook?\n\nUit de behoefte om componenten in een geïsoleerde omgeving te kunnen definiëren, developen en de UI te kunnen testen, begon Storybook in april 2016 met een eerste release van versie 1.0 vanuit de Kadira startup (de originele developer van Storybook), waarna in september van het zelfde jaar versie 2.0 vrijgegeven werd.\n\nNa dat de startup werd stopgezet en het project dood werd verklaard, volgde er een korte break en werd het project in 2017 door de open source verder omarmd. Inmiddels is versie 6.3 gereleased (juni 2021). De hele storybook story is te vinden op [https://storybook.js.org/blog/the-storybook-story/](https://storybook.js.org/blog/the-storybook-story/)",{"__component":579,"id":591,"title":18,"asideText":592,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":593,"introductionText":18},673,"Storybook stopgezet door Kadira","![](https://www.sharevalue.nl/images/sharevalue/blogs/storybook_screenshot_3.png)​",{"__component":579,"id":595,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":596,"introductionText":18},674,"Ondertussen hebben ze meer dan 10.000 github stars en 290k maandelijkse downloads.",{"__component":579,"id":598,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":599,"introductionText":18},675,"## Wie kunnen Storybook gebruiken en hoe?\n\n**Developers binnen het team** zullen Storybook gebruiken als werkruimte om componenten op dezelfde manier neer te zetten. Een voordeel is dan ook dat de opgedane kennis van Storybook te gebruiken is bij elk framework dat momenteel door Storybook ondersteunt wordt.\n\nStorybook kan opengesteld worden voor **externe developers**, wat interessant kan zijn voor open source ontwikkeling. Hiervoor kan Storybook vooral ingezet worden als documentatie waarbij de API van de componenten wordt uitgelegd.\n\nVoor **UX/UI designers** kan Storybook als onderdeel dienen van hun design system met koppelingen naar o.a. Frontify waardoor het als gemeenschappelijk bron kan dienen. Als er aanpassingen gedaan moeten worden of er een nieuw component ontwikkeld is, hebben ze gelijk alle (nieuwe) componenten tot hun beschikking\n\nNaast dat het documentatie oplevert, heeft het nog een voordeel dat de **stakeholders** sneller een nieuwe component kunnen beoordelen op het design en functionaliteit en niet afhankelijk zijn van een nieuwe release. Ook kan Storybook gebruikt worden voor verdere communicatie binnen of buiten het bedrijf.",{"__component":579,"id":601,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":602,"introductionText":18},676,"![](https://www.sharevalue.nl/images/sharevalue/blogs/storybook_screenshot_4.png)\n\n​",{"__component":579,"id":604,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":605,"introductionText":18},677,"Om Storybook te gebruiken binnen een project, moet er wel rekening gehouden worden met het gekozen framework van het project. Zo zal de installatie en de structuur/syntax voor React net iets even anders zijn dan voor bijvoorbeeld Vue of Angular.\n\nStorybook is gebaseerd op componenten: maak daarom componenten zo compact mogelijk. Terwijl een project groeit met steeds meer componenten, is het verstandig om de volgende richtlijnen te hanteren:\n\n*   Je codeert de stories in Storybook om een component weer te geven, maar het kan ook op zichzelf documentatie worden over hoe het component te implementeren is.\n*   Heldere en duidelijke code. Het doel is om te begrijpen hoe je het component kunt gebruiken zonder te veel na te denken.\n*   Om dit te doen, probeer zo statisch mogelijk te zijn: vermijd abstracties, herhaal indien nodig, vermijd elk soort algoritme.\n*   Een juiste benaming en locatie van je story, zodat deze overeenkomt met je codebase\n\nOp het eerste gezicht lijkt Storybook alleen te zijn bedoeld voor zo gezegd ‘domme componenten’ die alleen gebruikt worden voor de user interface. Door de complexere componenten te isoleren en business logica te verminderen, kunnen deze echter prima binnen Storybook gebruikt worden waarbij de focus verlegd wordt van de functionaliteit naar het component zelf.",{"__component":579,"id":607,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":608,"introductionText":18},679,"## ​Storybook addons\n\nIn de basis is Storybook vrij compleet, maar dat wil niet zeggen dat we er niet meer mee kunnen doen. Daarom zijn er tal van addon’s voor te vinden die net even dat stukje extra functionaliteit kunnen geven.",{"__component":579,"id":610,"title":18,"asideText":611,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":612,"introductionText":18},678,"Populaire addons","![](https://www.sharevalue.nl/images/sharevalue/blogs/storybook_screenshot_5.png)\n\n​",{"__component":579,"id":614,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":615,"introductionText":18},680,"Een aantal veel gebruikte addons zijn:\n\n*   **Links** - dit kan gebruikt worden om componenten onderling te verbinden om demo’s of prototypes mee te maken.\n*   **Viewport** - met Storybook Viewport Addon kunnen jouw verhalen in Storybook in verschillende formaten en lay-outs worden weergegeven. Dit helpt bij het bouwen van responsieve componenten in Storybook.\n*   **Actions** – geeft data weer in de UI na het uitvoeren van een event handler\n*   **Accessibillty** - test je componenten tegen de huidige webstandaard\n*   **Docs** – standaard heeft elke story al een DocsPage. Mocht deze niet voldoende zijn kan er gebruik gemaakt worden van deze addon waarna er meer mogelijkheden zijn voor documentatie",{"__component":579,"id":617,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":618,"introductionText":18},682,"## Conclusie\n\nStorybook kan optimaal functioneren als het gebruikt wordt door developers, UX/UI developers en de stakeholders. Door combinatie van deze verschillende disciplines levert Storybook een grote meerwaarde voor het ontwikkelen en het onderhouden van webapplicaties.",{"__component":579,"id":620,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":621,"introductionText":18},681,"## Zelf aan de slag?\n\nWil je zelf aan de slag met Storybook, maar kan jouw team wel iemand gebruiken die hier ervaring mee heeft? Mijn mede-frontenders bij ShareValue en ikzelf hebben hier ervaring mee, werken graag met Storybook en komen dan ook graag jouw team helpen bij het opzetten hiervan.",{"__component":579,"id":623,"title":18,"asideText":585,"underline":69,"centered":69,"blankAside":69,"aside":18,"content":624,"introductionText":18},683,"### Bronnen\n\nStorybook: [https://storybook.js.org/](https://storybook.js.org/)\n\nAddons: [https://storybook.js.org/addons](https://storybook.js.org/addons)\n\nStorybook Story: [https://storybook.js.org/blog/the-storybook-story/](https://storybook.js.org/blog/the-storybook-story/)",{"__component":626,"id":627,"title":18,"showBlankAside":303},"global.social-sharing",81,{"__component":629,"id":630,"name":18,"jobTitle":18},"strapi.author-card",39,{"__component":92,"id":345,"title":322,"aside":18,"postType":96,"limit":97,"expertise":632},[633,675],{"id":60,"title":61,"subTitle":62,"description":63,"shortDescription":64,"slug":65,"createdAt":66,"updatedAt":67,"publishedAt":68,"isCoreExpertise":69,"documentId":70,"image":634,"blocks":637,"midPageBlocks":644,"seo":18},{"id":72,"name":73,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":635,"hash":85,"ext":78,"mime":81,"size":86,"url":87,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":88,"updatedAt":88,"documentId":89,"publishedAt":57},{"thumbnail":636},{"ext":78,"url":79,"hash":80,"mime":81,"name":82,"path":18,"size":83,"width":49,"height":84},[638,641],{"__component":92,"id":93,"title":94,"aside":95,"postType":96,"limit":97,"expertise":639},[640],{"id":60,"title":61,"subTitle":62,"description":63,"shortDescription":64,"slug":65,"createdAt":66,"updatedAt":67,"publishedAt":68,"isCoreExpertise":69,"documentId":70},{"__component":106,"id":107,"titleLeft":108,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":111,"callToActionTextRight":112,"callToActionLinkUrlRight":113,"iconUrlLeft":642,"iconUrlRight":643},{"id":141,"name":142,"alternativeText":18,"caption":18,"width":143,"height":144,"formats":18,"hash":145,"ext":146,"mime":147,"size":148,"url":149,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":150,"updatedAt":151,"documentId":152,"publishedAt":57},{"id":154,"name":155,"alternativeText":18,"caption":18,"width":144,"height":144,"formats":18,"hash":156,"ext":146,"mime":147,"size":157,"url":158,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":159,"updatedAt":160,"documentId":161,"publishedAt":57},[645,652,659,666,673],{"__component":116,"id":117,"title":118,"subTitle":18,"content":119,"callToActionText":120,"callToActionLink":110,"colorStyle":18,"showAsides":18,"imageUrl":646},{"id":165,"name":166,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":647,"hash":195,"ext":23,"mime":172,"size":196,"url":197,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":198,"updatedAt":198,"documentId":199,"publishedAt":57},{"large":648,"small":649,"medium":650,"thumbnail":651},{"ext":23,"url":170,"hash":171,"mime":172,"name":173,"path":18,"size":174,"width":29,"height":175},{"ext":23,"url":177,"hash":178,"mime":172,"name":179,"path":18,"size":180,"width":20,"height":181},{"ext":23,"url":183,"hash":184,"mime":172,"name":185,"path":18,"size":186,"width":42,"height":187},{"ext":23,"url":189,"hash":190,"mime":172,"name":191,"path":18,"size":192,"width":193,"height":194},{"__component":116,"id":122,"title":123,"subTitle":18,"content":124,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":653},{"id":202,"name":203,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":654,"hash":225,"ext":23,"mime":172,"size":226,"url":227,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":228,"updatedAt":228,"documentId":229,"publishedAt":57},{"large":655,"small":656,"medium":657,"thumbnail":658},{"ext":23,"url":206,"hash":207,"mime":172,"name":208,"path":18,"size":209,"width":29,"height":175},{"ext":23,"url":211,"hash":212,"mime":172,"name":213,"path":18,"size":214,"width":20,"height":181},{"ext":23,"url":216,"hash":217,"mime":172,"name":218,"path":18,"size":219,"width":42,"height":187},{"ext":23,"url":221,"hash":222,"mime":172,"name":223,"path":18,"size":224,"width":193,"height":194},{"__component":116,"id":126,"title":127,"subTitle":18,"content":128,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":660},{"id":232,"name":233,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":661,"hash":255,"ext":23,"mime":172,"size":256,"url":257,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":258,"updatedAt":258,"documentId":259,"publishedAt":57},{"large":662,"small":663,"medium":664,"thumbnail":665},{"ext":23,"url":236,"hash":237,"mime":172,"name":238,"path":18,"size":239,"width":29,"height":175},{"ext":23,"url":241,"hash":242,"mime":172,"name":243,"path":18,"size":244,"width":20,"height":181},{"ext":23,"url":246,"hash":247,"mime":172,"name":248,"path":18,"size":249,"width":42,"height":187},{"ext":23,"url":251,"hash":252,"mime":172,"name":253,"path":18,"size":254,"width":193,"height":194},{"__component":116,"id":130,"title":131,"subTitle":18,"content":132,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":667},{"id":262,"name":263,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":668,"hash":285,"ext":23,"mime":172,"size":286,"url":287,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":288,"updatedAt":289,"documentId":290,"publishedAt":57},{"large":669,"small":670,"medium":671,"thumbnail":672},{"ext":23,"url":266,"hash":267,"mime":172,"name":268,"path":18,"size":269,"width":29,"height":175},{"ext":23,"url":271,"hash":272,"mime":172,"name":273,"path":18,"size":274,"width":20,"height":181},{"ext":23,"url":276,"hash":277,"mime":172,"name":278,"path":18,"size":279,"width":42,"height":187},{"ext":23,"url":281,"hash":282,"mime":172,"name":283,"path":18,"size":284,"width":193,"height":194},{"__component":134,"id":135,"title":136,"callToActionText":137,"callToActionLinkUrl":138,"body":18,"imageUrl":674},{"id":141,"name":142,"alternativeText":18,"caption":18,"width":143,"height":144,"formats":18,"hash":145,"ext":146,"mime":147,"size":148,"url":149,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":150,"updatedAt":151,"documentId":152,"publishedAt":57},{"id":294,"title":295,"subTitle":296,"description":297,"shortDescription":298,"slug":299,"createdAt":300,"updatedAt":301,"publishedAt":302,"isCoreExpertise":303,"documentId":304,"image":676,"blocks":679,"midPageBlocks":688,"seo":719},{"id":306,"name":307,"alternativeText":18,"caption":18,"width":74,"height":75,"formats":677,"hash":314,"ext":78,"mime":81,"size":60,"url":315,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":316,"updatedAt":317,"documentId":318,"publishedAt":57},{"thumbnail":678},{"ext":78,"url":310,"hash":311,"mime":81,"name":312,"path":18,"size":313,"width":49,"height":84},[680,685],{"__component":92,"id":321,"title":322,"aside":18,"postType":96,"limit":97,"expertise":681},[682,683,684],{"id":294,"title":295,"subTitle":296,"description":297,"shortDescription":298,"slug":299,"createdAt":300,"updatedAt":301,"publishedAt":302,"isCoreExpertise":303,"documentId":304},{"id":60,"title":61,"subTitle":62,"description":63,"shortDescription":64,"slug":65,"createdAt":66,"updatedAt":67,"publishedAt":68,"isCoreExpertise":69,"documentId":70},{"id":97,"title":388,"subTitle":296,"description":389,"shortDescription":390,"slug":391,"createdAt":392,"updatedAt":393,"publishedAt":394,"isCoreExpertise":69,"documentId":395},{"__component":106,"id":331,"titleLeft":332,"callToActionTextLeft":109,"callToActionLinkUrlLeft":110,"titleRight":111,"callToActionTextRight":112,"callToActionLinkUrlRight":113,"iconUrlLeft":686,"iconUrlRight":687},{"id":438,"name":439,"alternativeText":18,"caption":18,"width":440,"height":441,"formats":18,"hash":442,"ext":146,"mime":147,"size":443,"url":444,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":445,"updatedAt":446,"documentId":447,"publishedAt":57},{"id":449,"name":450,"alternativeText":18,"caption":18,"width":340,"height":441,"formats":18,"hash":451,"ext":146,"mime":147,"size":452,"url":453,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":454,"updatedAt":455,"documentId":456,"publishedAt":57},[689,696,703,710,717],{"__component":116,"id":335,"title":336,"subTitle":18,"content":337,"callToActionText":18,"callToActionLink":18,"colorStyle":338,"showAsides":69,"imageUrl":690},{"id":460,"name":166,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":691,"hash":474,"ext":23,"mime":172,"size":196,"url":475,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":476,"updatedAt":476,"documentId":477,"publishedAt":57},{"large":692,"small":693,"medium":694,"thumbnail":695},{"ext":23,"url":463,"hash":464,"mime":172,"name":173,"path":18,"size":174,"width":29,"height":175},{"ext":23,"url":466,"hash":467,"mime":172,"name":179,"path":18,"size":180,"width":20,"height":181},{"ext":23,"url":469,"hash":470,"mime":172,"name":185,"path":18,"size":186,"width":42,"height":187},{"ext":23,"url":472,"hash":473,"mime":172,"name":191,"path":18,"size":192,"width":193,"height":194},{"__component":116,"id":340,"title":341,"subTitle":18,"content":342,"callToActionText":18,"callToActionLink":18,"colorStyle":343,"showAsides":69,"imageUrl":697},{"id":480,"name":481,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":698,"hash":503,"ext":23,"mime":172,"size":504,"url":505,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":506,"updatedAt":506,"documentId":507,"publishedAt":57},{"large":699,"small":700,"medium":701,"thumbnail":702},{"ext":23,"url":484,"hash":485,"mime":172,"name":486,"path":18,"size":487,"width":29,"height":175},{"ext":23,"url":489,"hash":490,"mime":172,"name":491,"path":18,"size":492,"width":20,"height":181},{"ext":23,"url":494,"hash":495,"mime":172,"name":496,"path":18,"size":497,"width":42,"height":187},{"ext":23,"url":499,"hash":500,"mime":172,"name":501,"path":18,"size":502,"width":193,"height":194},{"__component":116,"id":345,"title":346,"subTitle":18,"content":347,"callToActionText":18,"callToActionLink":18,"colorStyle":338,"showAsides":69,"imageUrl":704},{"id":262,"name":263,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":705,"hash":285,"ext":23,"mime":172,"size":286,"url":287,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":288,"updatedAt":289,"documentId":290,"publishedAt":57},{"large":706,"small":707,"medium":708,"thumbnail":709},{"ext":23,"url":266,"hash":267,"mime":172,"name":268,"path":18,"size":269,"width":29,"height":175},{"ext":23,"url":271,"hash":272,"mime":172,"name":273,"path":18,"size":274,"width":20,"height":181},{"ext":23,"url":276,"hash":277,"mime":172,"name":278,"path":18,"size":279,"width":42,"height":187},{"ext":23,"url":281,"hash":282,"mime":172,"name":283,"path":18,"size":284,"width":193,"height":194},{"__component":116,"id":349,"title":350,"subTitle":18,"content":351,"callToActionText":352,"callToActionLink":110,"colorStyle":343,"showAsides":69,"imageUrl":711},{"id":517,"name":518,"alternativeText":18,"caption":18,"width":19,"height":167,"formats":712,"hash":540,"ext":23,"mime":172,"size":541,"url":542,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":543,"updatedAt":543,"documentId":544,"publishedAt":57},{"large":713,"small":714,"medium":715,"thumbnail":716},{"ext":23,"url":521,"hash":522,"mime":172,"name":523,"path":18,"size":524,"width":29,"height":175},{"ext":23,"url":526,"hash":527,"mime":172,"name":528,"path":18,"size":529,"width":20,"height":181},{"ext":23,"url":531,"hash":532,"mime":172,"name":533,"path":18,"size":534,"width":42,"height":187},{"ext":23,"url":536,"hash":537,"mime":172,"name":538,"path":18,"size":539,"width":193,"height":194},{"__component":134,"id":354,"title":355,"callToActionText":137,"callToActionLinkUrl":356,"body":18,"imageUrl":718},{"id":141,"name":142,"alternativeText":18,"caption":18,"width":143,"height":144,"formats":18,"hash":145,"ext":146,"mime":147,"size":148,"url":149,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":150,"updatedAt":151,"documentId":152,"publishedAt":57},{"id":358,"metaTitle":359,"metaDescription":360,"structuredData":720,"metaImage":18,"metaSocial":723},{"url":362,"@type":363,"@context":364,"provider":721,"areaServed":722,"description":372,"serviceType":373},{"url":366,"name":367,"@type":368},{"name":370,"@type":371},[],{"__component":106,"id":725,"titleLeft":726,"callToActionTextLeft":727,"callToActionLinkUrlLeft":728,"titleRight":108,"callToActionTextRight":109,"callToActionLinkUrlRight":729,"iconUrlLeft":730,"iconUrlRight":731},108,"Hoor van onze experts hoe leuk ShareValue is","Lees de verhalen van onze collega's","https://www.sharevalue.nl/word-onze-collega/collegas-aan-het-woord","https://www.sharevalue.nl/contact",{"id":438,"name":439,"alternativeText":18,"caption":18,"width":440,"height":441,"formats":18,"hash":442,"ext":146,"mime":147,"size":443,"url":444,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":445,"updatedAt":446,"documentId":447,"publishedAt":57},{"id":141,"name":142,"alternativeText":18,"caption":18,"width":143,"height":144,"formats":18,"hash":145,"ext":146,"mime":147,"size":148,"url":149,"previewUrl":18,"provider":54,"provider_metadata":18,"createdAt":150,"updatedAt":151,"documentId":152,"publishedAt":57},{"id":75,"metaTitle":733,"metaDescription":734,"structuredData":735,"metaImage":18,"metaSocial":765},"Storybook: waardevol bij webontwikkeling | ShareValue​","Ontdek hoe Storybook helpt bij het bouwen, documenteren en testen van UI-componenten. Wietze deelt zijn inzichten over deze krachtige tool.​",[736,748],{"url":737,"@type":738,"author":739,"@context":364,"headline":742,"publisher":743,"description":747,"datePublished":13},"https://www.sharevalue.nl/blogs/de-toegevoegde-waarde-van-storybook-bij-het-bouwen-van-webapplicaties","BlogPosting",{"name":553,"@type":740,"jobTitle":554,"worksFor":741},"Person",{"name":367,"@type":368},"Storybook: waardevol bij webontwikkeling | ShareValue",{"logo":744,"name":367,"@type":368},{"url":745,"@type":746},"https://www.sharevalue.nl/_nuxt/img/sharevalue-logo.3c5e7cb.svg","ImageObject","Ontdek hoe Storybook helpt bij het bouwen, documenteren en testen van UI-componenten. Wietze deelt zijn inzichten over deze krachtige tool.",{"@type":749,"@context":364,"mainEntity":750},"FAQPage",[751,757,761],{"name":752,"@type":753,"acceptedAnswer":754},"Wat is Storybook?","Question",{"text":755,"@type":756},"Storybook is een open-source framework dat het eenvoudiger maakt om de user interface van projecten te bouwen, documenteren, testen en demonstreren.","Answer",{"name":758,"@type":753,"acceptedAnswer":759},"Welke frameworks ondersteunt Storybook?",{"text":760,"@type":756},"Storybook ondersteunt de meest gangbare Front-End frameworks van het moment zoals React, Vue en Angular, maar is ook vanuit native JavaScript te gebruiken.",{"name":762,"@type":753,"acceptedAnswer":763},"Wie kunnen Storybook gebruiken en hoe?",{"text":764,"@type":756},"Developers gebruiken Storybook als werkruimte om componenten op dezelfde manier neer te zetten. UX/UI designers kunnen Storybook als onderdeel van hun design system gebruiken. Stakeholders kunnen sneller nieuwe componenten beoordelen op design en functionaliteit.",[],{"pagination":767},{"page":768,"pageSize":135},1,{},1778234598297]