https://andersenlab.de/react-assets/component---src-pages-de-hire-…-react-js-index-jsx-d8ace08d2c3fe0ee81c9.js

1"use strict";(self.webpackChunkandersen_site_gatsby=self.webpackChunkandersen_site_gatsby||[]).push([[6814],{1425:function(e,n,t){t.d(n,{A:function(){return s.A}});var s=t(28693)},2114:function(e,n,t){t.d(n,{A:function(){return z}});var s=t(96540),i=t(46942),a=t.n(i),l=t(19964),o=t(9285),r=t(35554),c=t(76379),d=t(8125),u=t(69430),h=t(7137),m=t(3054),p=t(36554),g=t(97642),b=t(86578),v=t(74848);function f(e){let{tools:n}=e;return(0,v.jsx)(g.x,{md:3,lg:3,xl:3,gutterY:"40px",gutterX:"40px",children:n.map(e=>{let{title:n,icon:t,withFilter:s}=e;return(0,v.jsx)(g.E,{children:(0,v.jsxs)("figure",{className:"ToolIcons-module--tool--b29c7",children:[(0,v.jsx)(b.A,{src:t,alt:n,className:a()("ToolIcons-module--icon--27fd8",s&&"ToolIcons-module--withFilter--16e1d"),"aria-hidden":!0}),(0,v.jsx)("figcaption",{className:"ToolIcons-module--iconText--200b9",children:n})]})},n)})})}var w=t(85061);function k(e){let{title:n,link:t,icon:s}=e;return(0,v.jsx)(w.A,{href:t,className:"Card-module--link--fd39b",children:(0,v.jsxs)("figure",{className:"Card-module--figure--f9595",children:[(0,v.jsx)(b.A,{src:s,alt:n,className:"Card-module--img--41c8c"}),(0,v.jsx)("figcaption",{className:"Card-module--figcaption--32089",children:n})]})},n)}function x(e){let{tiles:n}=e;return(0,v.jsx)("div",{className:a()("TileIcons-module--wrapper--e587d",n.length>4&&"TileIcons-module--scrollWrapper--acd36"),children:(0,v.jsx)(g.x,{md:{cols:2},lg:{cols:2},xl:{cols:2},gutterY:"20px",gutterX:"20px",children:n.map(e=>(0,v.jsx)(g.E,{children:(0,v.jsx)(k,{...e})},e.title))})})}var j=t(19636),S="TechnologiesGrid-module--button--c69c7",A="TechnologiesGrid-module--link--43d5b",y="TechnologiesGrid-module--list--d7dc5";function N(e){let{tabsContent:n,showModal:t}=e;const i=n[0].id,l="Expertise Tabs",c=(0,d.mz)(["common"]),{0:g,1:b}=(0,s.useState)(i),{0:w,1:k}

1=(0,s.useState)({"--opacity":1}),S=(0,s.useMemo)(()=>{if(n.length>1)return n.map(e=>{let{id:n,tabLabel:t}=e;return{id:n,tabLabel:t}})},[n]);return(0,v.jsxs)(v.Fragment,{children:[S&&(0,v.jsx)(p.A,{className:"TechnologiesGrid-module--tabsRow--de7d1",filters:S,active:g,setActive:b,setStyles:k,tabsAriaLabel:l}),n.map((e,n)=>{var s;let{id:i,title:d,description:p,listTitle:b,list:k,link:A,tools:N,tiles:I,button:T,withoutButton:C}=e;return(0,v.jsx)("div",{id:(0,j.E)(l,n),className:a()("TechnologiesGrid-module--tab--28616",g!==i&&"TechnologiesGrid-module--hidden--f88ec"),style:w,role:"tabpanel","aria-labelledby":(0,j.l)(l,n),children:(0,v.jsxs)("div",{className:"TechnologiesGrid-module--tabContent--589b6",children:[(0,v.jsxs)("div",{className:"TechnologiesGrid-module--infoBlock--44233",children:[A?(0,v.jsx)(u.A,{className:"TechnologiesGrid-module--titleLink--ecd9d",href:A,tag:"h3",children:d}):(0,v.jsx)(o.A,{tag:"h3",children:d}),(0,v.jsx)(r.A,{size:"md",children:p}),b&&(0,v.jsx)("p",{className:a()("TechnologiesGrid-module--listTitle--943f4",y),children:b}),k&&(0,v.jsx)(h.A,{items:k,className:a()(!b&&y,!S&&"TechnologiesGrid-module--singleTabList--d998f"),theme:S?"smallMarginChecked":null,itemTag:"p"}),!C&&(0,v.jsx)("div",{className:"TechnologiesGrid-module--buttonRow--7931a",children:null!=T&&T.link?(0,v.jsx)(m.A,{tag:"a",href:T.link,children:T.name}):(0,v.jsx)(m.A,{onClick:t,children:null!==(s=null==T?void 0:T.name)&&void 0!==s?s:c("requestServices")})})]}),(0,v.jsxs)("div",{className:"TechnologiesGrid-module--tools--170c7",children:[N&&(0,v.jsx)(f,{tools:N}),I&&(0,v.jsx)(x,{tiles:I})]})]})},`Desktop-${i}`)})]})}var I=t(6362);var T=function(e){let{tabsContent:n,showModal:t}=e;const{0:i,1:a}=(0,s.useState)(null),l=(0,d.mz)(["common"]),c=(0,s.useCallback)(e=>{a(i===e?null:e)},[i]);return(0,v.jsx)(v.Fragment,{children:n.map((e,a)=>{var d,u;let{id:p,tabLabel:g,title:b,description:f,list:x,link:j,tiles:N,withoutButton:T,button:C}=e;return(0,v.jsx)(s.Fragment,{children:n.length>1?(0,v.jsx)(I.A,{id:`tech-grid-${a}`,theme:"withArrow",title:g,isOpened:i===p||0===a&&null===i,onClick:()=>c(p),children:(0,v.jsxs)("div",{className:"TechnologiesGrid-module--expandPanelContent--2f11a",children:[(0,v.jsx)("p",{children:f}),(0,v.jsx)(h.A,{items:x,size:"lg",className:y,theme:"smallMarginChecked",itemTag:"p"}),N&&(0,v.jsx)("div",{className:"TechnologiesGrid-module--tilesWrapper--7d787",children:N.map(e=>(0,v.jsx)(k,{...e},e.title))}),j&&(0,v.jsx)(w.A,{className:A,href:j,children:l("seeMore")}),!T&&(0,v.jsx)(m.A,{className:S,onClick:t,children:null!==(d=null==C?void 0:C.name)&&void 0!==d?d:l("requestServices")})]})},`Mobile-${p}`):(0,v.jsxs)("div",{children:[(0,v.jsx)(o.A,{tag:"h3",children:b}),(0,v.jsx)(r.A,{className:"TechnologiesGrid-module--contentSubtitle--a3d4b",children:f}),(0,v.jsx)(h.A,{items:x,size:"md",className:y}),j&&(0,v.jsx)(w.A,{className:A,href:j,children:l("seeMore")}),!T&&(0,v.jsx)(m.A,{className:S,onClick:t,fullWidthMobile:!0,children:null!==(u=null==C?void 0:C.name)&&void 0!==u?u:l("requestServices")})]},`SingleMobile-${p}`)},`Fragment-${a}`)})})},C=t(91906);const D=(0,s.lazy)(()=>Promise.all([t.e(9312),t.e(2109)]).then(t.bind(t,96871)));function R(e){let{title:n,subtitle:t,tabsContent:i}=e;const u=(0,d.mz)(["common"]),{modalState:h,showModal:m,hideModal:p}=(0,c.Eq)(),g=(0,c.e3)(768);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(l.A,{className:a()("TechnologiesGrid-module--container--c3c88",i.length>1&&"TechnologiesGrid-module--containerWithTabs--422af"),id:"expertise",children:(0,v.jsxs)("div",{className:"TechnologiesGrid-module--wrapper--4f21e",children:[(0,v.jsx)(o.A,{tag:"h2",className:"TechnologiesGrid-module--title--ced3d",children:n}),t&&(0,v.jsx)(r.A,{size:"lg",children:t}),(0,v.jsx)("div",{className:"TechnologiesGrid-module--content--dec97",children:"Desktop"===g?(0,v.jsx)(N,{tabsContent:i,showModal:m}):(0,v.jsx)(T,{tabsContent:i,showModal:m})})]})}),(0,v.jsx)(s.Suspense,{fallback:null,children:(0,v.jsx)(D,{title:u("requestServices"),isOpen:h.isOpen,closeModalCallback:p,animation:"show",id:"technologies-block",formName:"technologies-block"})})]})}R.displayName="TechnologiesGrid";var z=(0,C.X)(R)},6362:function(e,n,t){t.d(n,{A:function(){return v}});var s={};t.r(s),t.d(s,{active:function(){return r},collapse:function(){return c},faq:function(){return d},panel:function(){return u},panelContentWrapper:function(){return h},title:function(){return m},withArrow:function(){return p},wrapper:function(){return g}});

1var i=t(96540),a=t(46942),l=t.n(a),o=t(3833),r="Accordion-module--active--c2158",c="Accordion-module--collapse--c4d0e",d="Accordion-module--faq--66d41",u="Accordion-module--panel--038a6",h="Accordion-module--panelContentWrapper--9c114",m="Accordion-module--title--d4b23",p="Accordion-module--withArrow--9582a",g="Accordion-module--wrapper--5b022",b=t(74848);function v(e){let{id:n,title:t,children:a,theme:d,onClick:p,isOpened:v,defaultActive:f,className:w}=e;const k=`${n}-panel`,x=`${n}-button`,{0:j,1:S}=(0,i.useState)(!1);return(0,i.useEffect)(()=>{f&&S(!0)},[]),(0,b.jsxs)("section",{id:n,className:l()(g,w,d&&s[d]),children:[(0,b.jsx)("button",{id:x,className:l()(u,(j||v)&&r),onClick:null!=p?p:()=>S(!j),"aria-expanded":v,"aria-controls":k,children:t&&(0,b.jsx)("div",{className:m,children:t})}),(0,b.jsx)(o.A,{id:k,isOpened:null!=v?v:j,className:l()(h,c),labelledBy:x,children:a})]})}},27690:function(e,n,t){t.r(n),t.d(n,{Head:function(){return v},default:function(){return b}});t(96540);var s=t(86424),i=t(79439),a=t(38959),l=t(1425),o=t(2114),r=t(28947),c=t(96842),d=t(77981),u=t(77022),h=t(61868),m=t(48738),p=JSON.parse('{"d5":{"title":"Hochqualifizierte React.js-Entwicklung - Andersen","description":"Unsere kompetenten React.js-Entwickler helfen Ihnen, Ihr Projekt im Bereich React-Entwicklung effektiv zu realisieren. Kontaktieren Sie Andersen!"},"Lv":{"title":"React-Entwicklung","size":"sm","certificateIDs":[17]},"N4":{"title":"React-Entwickler mit nachgewiesener langfristiger Erfolgsbilanz","items":[{"description":"Andersen nutzt moderne Front-End-Technologien, um Web-Lösungen mit einer ansprechenden Benutzeroberfläche zu gestalten","count":"80+","countDescription":"React-Projekte"},{"description":"Andersens React-Entwickler nutzen aktuelle Versionen und Bibliotheken, um leichte Web-Benutzeroberflächen zu erstellen","count":"110+","countDescription":"React-Entwickler"},{"description":"Wir realisieren IT-Projekte für Fortune-500- und andere Unternehmen in FinTech, E-Commerce, Gesundheitswesen und mehr.","count":"8","countDescription":"Jahre Erfahrung mit React"}]},"$p":{"id":"services","title":"Dienste zur React-Entwicklung","items":[{"title":"Individuelle React-Entwicklung","subtitle":"Unsere dedizierten React-Entwickler erstellen fortschrittliche individuelle Front-End-Lösungen:","list":["IT-Projektplanung;","Maßgeschneiderte React-Entwicklung;","QS für React."]},{"title":"React-Beratung","subtitle":"Bei Fragen oder Problemen mit React stehen Ihnen unsere erfahrenen Experten gerne zur Verfügung:","list":["React-Audit;","Leistungsoptimierung;","Beratung zur Accessibility."]},{"title":"React-App-Migration","subtitle":"Migrieren Sie zu React, um mehr Produktivität, Skalierbarkeit, wiederverwendbare Komponenten, Kompatibilität usw. zu erreichen:","list":["Erstbewertung;","Migration;","Testen des migrierten Codes."]},{"title":"Staff Augmentation","subtitle":"Unsere React-Entwickler verstärken Ihr Team, damit Sie das Potenzial dieser herausragenden Bibliothek optimal nutzen können:","list":["Projektanalyse;","Unterstützung bei der Auswahl der Lebensläufe;","Hilfe beim Onboarding."]},{"title":"Dedizierte Teams für React-Entwicklung","subtitle":"Unsere dedizierten, qualifizierten und kosteneffizienten React-Teams setzen Ihre Vision in die Wirklichkeit um:","list":["Spezifikation der Anforderungen;","Teamzusammenstellung;","Arbeiten unter Ihrer Anleitung."]}]},"A3":{"title":"Umfang unserer React-Agentur","tabsContent":[{"id":"spa","tabLabel":"SPA und Server-Side-Rendering","title":"SPA und Server-Side-Rendering","description":"Die komponentenbasierte Architektur, Hydration, ein Ökosystem und das Potenzial zur Leistungsoptimierung machen React für sowohl Single-Page-Apps als auch Server-Side-Rendering geeignet.","withoutButton":true,"list":["Rendering von dynamischen Inhalten;","Datenabruf;","Universelle Codebasis."],"tools":[{"title":"React Router","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/react.svg"},{"title":"React Router DOM","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/react-router-dom.svg"},{"title":"Single-spa-react","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/single-spa.svg","withFilter":true},{"title":"Styled-components","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/styled-components.svg"},{"title":"React-Static","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/react-static.svg"},{"title":"Next.js","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/next-js.svg"},{"title":"Gatsby","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/gatsby.svg"},{"title":"SSR in React","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/react.svg"},{"title":"Remix","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/remi

1x.svg"}]},{"id":"state","tabLabel":"Zustandsverwaltung","title":"Zustandsverwaltung","description":"React bietet effiziente Zustandsverwaltung mit zentraler Datenverwaltung und Synchronisation zwischen Komponenten.","list":["Unveränderliche Zustandsaktualisierungen;","Komponentenzustand;","Globale Zustandsverwaltung."],"withoutButton":true,"tools":[{"title":"Redux","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/redux.svg"},{"title":"Redux Toolkit","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/redux.svg"},{"title":"Redux Thunk","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/redux-thunk.svg"},{"title":"Redux-Saga","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/redux-saga.svg"},{"title":"Redux-Observable","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/redux-observable.svg"},{"title":"Effector","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/effector.svg"},{"title":"MobX","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/mobx.svg"},{"title":"Apollo GraphQL","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/apollo.svg"},{"title":"RxJS","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/rx-js.svg"}]},{"id":"ui","tabLabel":"UI-Blöcke","title":"UI-Blöcke","description":"Reacts UI-Komponentenarchitektur unterstützt nahtlose Integration in Apps und fördert Effizienz, Konsistenz und Skalierbarkeit.","list":["Wiederverwendbare Komponenten;","Anpassbares Styling;","Internationalisierung und Lokalisierung."],"withoutButton":true,"tools":[{"title":"Material UI","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/material-ui.svg"},{"title":"React-Bootstrap","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/react-bootstrap.svg"},{"title":"Chakra UI","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/chakra-ui.svg"},{"title":"Ant Design","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/ant-design.svg"},{"title":"KendoReact","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/kendo-ui.svg"},{"title":"Reactstrap","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/react.svg"},{"title":"Formik","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/formik.svg"},{"title":"Semantic UI","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/semantic-ui.svg"},{"title":"Blueprint","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/blueprint-js.svg"}]},{"id":"documentation","tabLabel":"Datenvisualisierungen und Dokumentation","title":"Datenvisualisierungen und Dokumentation","description":"Die komponentenbasierte Architektur von React ermöglicht modulare, wiederverwendbare und interaktive Elemente, die das Rendering und die Verwaltung komplexer Daten- und Inhaltsstrukturen erleichtern.","list":["Rich-Text- und Doc-Komponenten;","Datenaggregation und -zusammenfassung;","Interaktive Dokumentennavigation."],"withoutButton":true,"tools":[{"title":"D3.js","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/d3.svg"},{"title":"Apache ECharts","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/echarts.svg"},{"title":"Google Charts","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/google-charts.svg"},{"title":"AG Grid","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/ag-grid.svg"},{"title":"Highcharts","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/highcharts.svg"},{"title":"Storybook","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/storybook.svg"},{"title":"JSDoc","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/js-doc.svg"},{"title":"ESDoc","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/es-doc.svg"},{"title":"BetterDocs","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/better-docs.svg"}]},{"id":"qa","tabLabel":"Qualitätssicherung","title":"Qualitätssicherung","description":"Wir stellen sicher, dass Ihre React-Anwen

1dungen Qualitätsstandards erfüllen, indem wir Funktions-, Leistungs- und UX-Tests durchführen.","list":["Funktionstests;","Leistungstests;","UX-Tests."],"withoutButton":true,"tools":[{"title":"Protractor","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/protractor.svg"},{"title":"Cypress","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/cypress.svg"},{"title":"Mocha","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/mocha.svg"},{"title":"Puppeteer","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/puppeteer.svg"},{"title":"Testing Library","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/react-testing-library.svg"},{"title":"Jasmine","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/jasmine.svg"},{"title":"Jest","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/jest.svg"},{"title":"Spectator","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/spectator.svg"},{"title":"Enzyme","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/enzyme.svg"}]}]},"dt":{"title":"Unsere Projekte","description":"Unsere React.js-Agentur hat viele erfolgreiche Projekte in FinTech, Logistik, Gesundheitswesen, Medien & Unterhaltung sowie anderen bedeutenden Branchen realisiert."},"eD":{"title":"Ihr effizientes React-Team","cvs":[{"name":"Maxim P.","position":"Lead React-Entwickler","rate":"€70","rateDescription":"/Stunde","skills":["React","TypeScript","Redux","Next.js","Storybook"],"photo":{"desktop":"https://static.andersenlab.com/andersenlab/new-andersensite/bg-for-blocks/experts/react/maksim-p-desk.png","desktop_webp":"https://static.andersenlab.com/andersenlab/new-andersensite/bg-for-blocks/experts/react/maksim-p-desk.webp"},"logo":{"src":"https://static.andersenlab.com/andersenlab/new-andersensite/cases/paysera/logo/paysera-color.svg","alt":"Paysera"}},{"name":"Olga L.","position":"Senior React-Entwicklerin","rate":"€60","rateDescription":"/Stunde","skills":["React","TypeScript","Redux","Next.js","Storybook"],"photo":{"desktop":"https://static.andersenlab.com/andersenlab/new-andersensite/bg-for-blocks/experts/react/olga-l-desk.png","desktop_webp":"https://static.andersenlab.com/andersenlab/new-andersensite/bg-for-blocks/experts/react/olga-l-desk.webp"},"logo":{"src":"https://static.andersenlab.com/andersenlab/new-andersensite/cases/red_swiss_cross/logo/swiss_red_cross_color.svg","alt":"Swiss Red Cross"}},{"name":"Alex G.","position":"Middle React-Entwickler","rate":"€54","rateDescription":"/Stunde","skills":["React","TypeScript","Redux","Next.js","Storybook"],"photo":{"desktop":"https://static.andersenlab.com/andersenlab/new-andersensite/bg-for-blocks/experts/react/alex-g-desk.png","desktop_webp":"https://static.andersenlab.com/andersenlab/new-andersensite/bg-for-blocks/experts/react/alex-g-desk.webp"},"logo":{"src":"https://static.andersenlab.com/andersenlab/new-andersensite/cases/3d-site-for-a-smart-city-solution/logo/abb-color-logo.svg","alt":"ABB"}}],"footer":{"text":"Erfahren Sie mehr über unsere Optionen zur Teamzusammenstellung","button":{"text":"Beratungsgespräch vereinbaren"}}},"Yl":{"title":"Unsere Entwicklungstechnologien","descriptionMarkup":"Arbeiten Sie mit versierten IT-Experten an Ihren <a href=\'/services/custom-web-development\' target=\'_blank\'>Web</a>- und <a href=\'/services/mobile-development\' target=\'_blank\'>Mobile</a>-Softwareprojekten zusammen. Wir verwenden modernste Technologien, Frameworks und Komponenten, um robuste Software mit effizientem <a href=\'/hire-developers/back-end\' target=\'_blank\'>Back-End</a> und benutzerfreundlichen <a href=\'/services/design-studio\' target=\'_blank\'>UI/UX</a> zu entwickeln.","footer":{"link":{"name":"Assemble a software development team","to":"/services/software-team-staff-augmentation"}},"filters":[{"name":"Beliebt","type":"popular"},{"name":"Mobile","type":"mobile"},{"name":"Front-end","type":"front-end"},{"name":"Back-end","type":"back-end"},{"name":"Datenbank","type":"database"},{"name":"Cloud","type":"cloud"},{"name":"CMS","type":"cms"}],"tools":[{"title":"Android","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Android.svg","link":"/hire-developers/android","spec":[{"type":"popular","orderID":2},{"type":"mobile","orderID":2}]},{"title":"Angular","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Angular.svg","link":"/hire-developers/angular","spec":[{"type":"popular","orderID":6},{"type":"front-end","orderID":2}]},{"title":"iOS","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/iOS.svg","link":"/hire-developers/ios","spec":[{"type":"popular","orderID":1},{"type":"mobile","orderID":1}]},{"title":"Java","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/java-colored.svg","link":"/hire-developers/java","spec":[{"type":"popular","orderID":3},{"type":"back-end","orderID":1}]},{"title":".NET","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/net.svg","link":"/hire-developers/dot-net","spec":[{"type":"popular","orderID":7},{"type":"back-end","orderID":3}]},{"title":"PHP","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/PHP.svg","link":"/hire-developers/php","spec":[{"type":"popular","orderID":8},{"type":"back-end","orderID":1}]},{"title":"Python","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Python.svg","link":"/hire-developers/python","spec":[{"type":"popular","orderID":9},{"type":"back-end","orderID":4}]},{"title":"React.js","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/React.svg","link":"/hire-developers/react-js","spec":[{"type":"popular","orderID":3},{"type":"front-end","orderID":1}]},{"title":"Next.js","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/next-js-color.svg","spec":[{"type":"popular","orderID":4}]}

1,{"title":"React Native","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/ReactNative.svg","link":"/hire-developers/react-native","spec":[{"type":"mobile","orderID":4}]},{"title":"Xamarin","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Xamarin.svg","link":"/hire-developers/dot-net","spec":[{"type":"mobile","orderID":5}]},{"title":"Ionic","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/ionic.svg","link":"/hire-developers/ionic","spec":[{"type":"mobile","orderID":6}]},{"title":"Flutter","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/flutter.svg","link":"/hire-developers/flutter","spec":[{"type":"mobile","orderID":3}]},{"title":"Vue.js","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Vue.svg","link":"/hire-developers/vue-js","spec":[{"type":"front-end","orderID":3}]},{"title":"Scala","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Scala.svg","link":"/hire-developers/scala","spec":[{"type":"back-end","orderID":9}]},{"title":"Ruby","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Ruby.svg","link":"/hire-developers/ruby","spec":[{"type":"back-end","orderID":6}]},{"title":"C/C++","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Cplusplus.svg","link":"/hire-developers/c-c-plus-plus","spec":[{"type":"back-end","orderID":7}]},{"title":"Node.js","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Node.svg","link":"/hire-developers/node-js","spec":[{"type":"back-end","orderID":8}]},{"title":"Golang","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/GO.svg","link":"/hire-developers/golang","spec":[{"type":"back-end","orderID":5}]},{"title":"PostgreSQL","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/postgre.svg","spec":[{"type":"database","orderID":1}]},{"title":"MySQL","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/MySQL.svg","spec":[{"type":"database","orderID":2}]},{"title":"Oracle","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/Oracle.svg","spec":[{"type":"database","orderID":3}]},{"title":"MS Azure","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/MSAzure.svg","spec":[{"type":"database","orderID":4}]},{"title":"MS SQL","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/MSSQL.svg","spec":[{"type":"database","orderID":5}]},{"title":"NoSQL","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/noSQL.svg","spec":[{"type":"database","orderID":6}]},{"title":"AWS","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/aws-color.svg","link":"/services/cloud-development-services/aws-consulting","spec":[{"type":"popular","orderID":5},{"type":"cloud","orderID":1}]},{"title":"Google","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/google-color.svg","spec":[{"type":"cloud","orderID":2}]},{"title":"Azure","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/azure-color.svg","spec":[{"type":"cloud","orderID":3}]},{"title":"Strapi","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/strapi-color.svg","spec":[{"type":"cms","orderID":0}]},{"title":"AEM","icon":"https://static.andersenlab.com/andersenlab/new-andersensite/icons/technologies/aem-color.svg","spec":[{"type":"cms","orderID":1}]}]},"Yq":{"description":"Wir haben an großartigen Projekten teilgenommen. Erfahren Sie, wie unsere Kunden unsere Expertise in React.js bewerten."},"_v":{"title":"Kostenlose React.js-Beratung anfordern"}}'),g=t(74848);function b(e){let{pageContext:{pagePath:n}}=e;return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(s.A,{...p.Lv}),(0,g.jsxs)(i.A,{paddingDisable:"top",children:[(0,g.jsx)(a.A,{...p.N4}),(0,g.jsx)(l.A,{...p.$p}),(0,g.jsx)(o.A,{...p.A3}),(0,g.jsx)(r.A,{projectsKey:n,...p.dt}),(0,g.jsx)(c.A,{...p.eD}),(0,g.jsx)(d.A,{...p.Yl}),(0,g.jsx)(u.A,{pageKey:n,...p.Yq}),(0,g.jsx)(h.A,{...p._v})]})]})}const v=e=>{let{location:n}=e;return(0,g.jsx)(m.A,{...p.d5,...n})}},28693:function(e,n,t){t.d(n,{A:function(){return v}});var s=t(96540),i=t(56860),a=t(3054),l=t(19964),o=t(9285),r=t(35554),c=t(25004),d=t(8175),u=t(22624),h=t(76379),m=t(91906),p=t(74848);const g=(0,s.lazy)(()=>Promise.all([t.e(9312),t.e(9252)]).then(t.bind(t,96871)));function b(e){let{id:n="industries",title:t,subtitle:m,items:b,alert:v}=e;const{0:f,1:w}

1=(0,s.useState)(0),{modalState:k,showModal:x,hideModal:j}=(0,h.Eq)(),S=(0,s.useCallback)((e,n)=>{w(n)},[]),A=(0,s.useMemo)(()=>({customPaging:d.zP.bind(null,b.length,f/3),appendDots:d.WB,dotsClass:"slick-pagination",dots:!0,slidesToShow:3,slidesToScroll:3,arrows:!0,infinite:!1,responsive:[{breakpoint:961,settings:{customPaging:d.zP.bind(null,b.length,f/2),slidesToShow:2,slidesToScroll:2,arrows:!1}},{breakpoint:544,settings:{customPaging:d.zP.bind(null,b.length,f),slidesToShow:1,slidesToScroll:1,arrows:!1}}]}),[b.length,f]),y=!1===(null==v?void 0:v.showButton)?null:(0,p.jsx)(a.A,{onClick:x,fullWidthMobile:!0,children:null==v?void 0:v.btnText});return(0,p.jsxs)(l.A,{id:n,className:"defaultSlider",children:[(0,p.jsxs)("div",{className:"SeoSlider-module--wrapper--7b914",children:[(0,p.jsx)(o.A,{tag:"h2",children:t}),m&&(0,p.jsx)(r.A,{size:"lg",children:m}),(0,p.jsx)("div",{className:"SeoSlider-module--cardsWrapper--7eb09",children:(0,p.jsx)(c.A,{...A,beforeChange:S,children:b.map((e,n)=>(0,p.jsx)(i.A,{className:"SeoSlider-module--card--d7de6",theme:"solution",isLinkForWrapper:!1,...e},n))})}),v&&(0,p.jsx)(u.A,{className:"SeoSlider-module--hint--95167",theme:"large",background:null==v?void 0:v.background,content:null==v?void 0:v.text,shadow:"white"===(null==v?void 0:v.background),list:null==v?void 0:v.list,icon:null,Button:y})]}),k.isOpen&&(0,p.jsx)(s.Suspense,{fallback:null,children:(0,p.jsx)(g,{title:null==v?void 0:v.btnText,isOpen:k.isOpen,closeModalCallback:j,id:"seo-slider",formName:"seo-slider"})})]})}b.displayName="SeoSlider";var v=(0,m.X)(b)},28947:function(e,n,t){t.d(n,{A:function(){return f}});var s=t(96540),i=t(46942),a=t.n(i),l=t(19964),o=t(11256),r=t(9285),c=t(35554),d=t(25004),u=t(8175),h=t(23922),m=t(16006),p=t(8125),g=t(91906),b=t(74848);function v(e){let{title:n,description:t,projectsKey:i,customTitles:g}=e;const v=(0,p.uU)(),f="uk"===v||"kz"===v||"pl"===v?"en":v,{inViewRef:w,projects:k,loading:x}=(0,m.l)(i,f),{0:j,1:S}=(0,s.useState)(0),A=(0,s.useCallback)((e,n)=>{S(n)},[]),y=(0,s.useMemo)(()=>({initialSlide:0,customPaging:u.zP.bind(null,k.length,j),appendDots:u.WB,dotsClass:"slick-pagination",dots:!0,infinite:!0,fade:!0,slidesToShow:1,slidesToScroll:1,arrows:!0,responsive:[{breakpoint:959,settings:{arrows:!1}

1}]}),[k.length,j]);return(0,b.jsx)(l.A,{id:"concepts-list",children:(0,b.jsxs)("div",{className:"ProjectsSlider-module--layout--4af11",ref:w,children:[(0,b.jsx)(r.A,{tag:"h2",children:n}),t&&(0,b.jsx)(c.A,{size:"lg",children:t}),(0,b.jsx)("div",{className:a()("defaultSlider","ProjectsSlider-module--slider--de875"),children:x?(0,b.jsx)(o.A,{theme:"fullHeight"}):(0,b.jsx)(d.A,{...y,beforeChange:A,children:k.map(e=>{var n;return(0,b.jsx)(h.A,{currentSlide:j,...e,title:null!==(n=null==g?void 0:g[e.id])&&void 0!==n?n:e.title},e.id)})})})]})})}v.displayName="ProjectsSlider";var f=(0,g.X)(v)},38959:function(e,n,t){t.d(n,{A:function(){return b}});var s=t(96540),i=t(46942),a=t.n(i),l=t(19964),o=t(9285),r=t(78780),c=t(85692),d=t(81782),u=t(76379),h=t(74848);function m(e){let{cardId:n,count:t,countDescription:i,description:l,setActive:o,className:r}=e;const[m,p]=(0,c.Wx)({threshold:1}),{replaceKeyword:g}=(0,u.jI)();return(0,s.useEffect)(()=>{p&&o&&o(n)},[p,n,o]),(0,h.jsxs)("article",{className:a()("BulletsCard-module--card--4cc99","BulletsCard-module--animatedDesktop--1be8d",r),id:n,ref:m,tabIndex:0,"aria-label":`${g(t)} ${i}`,children:[(0,h.jsxs)("div",{className:"BulletsCard-module--count--2b9d9","aria-hidden":"true",children:[(0,h.jsx)("div",{className:"BulletsCard-module--countNumWrap--6aa15",children:g(t)}),(0,h.jsx)("div",{className:"BulletsCard-module--countDescription--5c081",children:i})]}),(0,h.jsx)("div",{className:"BulletsCard-module--descriptionWrapper--ff817",children:(0,h.jsx)(d.A,{className:"BulletsCard-module--description--a765e",tag:"p",children:g(l)})})]})}var p=t(91906);function g(e){let{title:n,subtitle:t,items:i,className:c}=e;const d=i.length>3,{0:u,1:p}=(0,s.useState)("bulletsSlide-0"),g=e=>`bulletsSlide-${e}`;return(0,h.jsx)(l.A,{id:"feature",className:a()("Bullets-module--container--4f4f6",d&&"Bullets-module--multiRowsLayout--fa5e6",c),children:(0,h.jsxs)("div",{className:"Bullets-module--layout--08a35",children:[n&&(0,h.jsx)(o.A,{className:"Bullets-module--title--d413f",tag:"h2",size:d?"h2":"h3",children:n}),t&&(0,h.jsx)("p",{className:"Bullets-module--subtitle--70880",children:t}),(0,h.jsxs)("div",{className:"Bullets-module--cardsWrapper--1b562",children:[(0,h.jsx)("div",{className:a()("Bullets-module--cardsContainer--4c9c8",d&&"Bullets-module--multiRows--c3309"),children:i.map((e,n)=>{const t=g(n);return(0,h.jsx)(m,{cardId:t,...e,setActive:p},t)})}),(0,h.jsx)(r.A,{itemsCount:i.length,activeCardId:u,getCardId:g})]})]})})}g.displayName="Bullets";var b=(0,p.X)(g)},56860:function(e,n,t){t.d(n,{A:function(){return D}});var s={};t.r(s),t.d(s,{description:function(){return g},documents:function(){return b},icon:function(){return v},img:function(){return f},item:function(){return w},link:function(){return k},linkRow:function(){return x},list:function(){return j},paper:function(){return S},solution:function(){return A},title:function(){return y},titleLabel:function(){return N},withShadow:function(){return I},withShadowSm:function(){return T}});t(96540);var i=t(46942),a=t.n(i),l=t(86462),o=t(86578),r=t(61114),c=t(9285),d=t(81782),u=t(7137),h=t(85061),m=t(76379),p=t(8125),g="Card-module--description--b0162",b="Card-module--documents--fa6ef",v="Card-module--icon--51be1",f="Card-module--img--ee596",w="Card-module--item--24939",k="Card-module--link--533ea",x="Card-module--linkRow--21704",j="Card-module--list--03732",S="Card-module--paper--39313",A="Card-module--solution--12339",y="Card-module--title--8a973",N="Card-module--titleLabel--678a8",I="Card-module--withShadow--67e16",T="Card-module--withShadowSm--3e6e8",C=t(74848);function D(e){let{className:n,icon:t,imgSrc:i,title:b,titleTag:S="h3",titleLabel:A,subtitle:I,description:T,secondDescription:D,list:R,secondList:z,link:B,linkTitle:M,isLinkForWrapper:E=!1,theme:P}=e;const L=(0,l.useLocation)().pathname!==B?B:null,{replaceKeyword:G}=(0,m.jI)(),W=E&&L?h.A:"div",F="h3"===S?"h4":null,U=(0,p.mz)(["common"]);return(0,C.jsxs)(W,{className:a()(n,w,P&&s[P]),href:E&&L?L:null,children:[i&&(0,C.jsx)(o.A,{src:i,alt:b,className:f,"aria-hidden":!0}),t&&(0,C.jsx)(r.A,{name:t,className:v,"aria-hidden":!0}),b&&(0,C.jsx)(c.A,{tag:S,size:"h4",className:y,children:G(b)}),A&&(0,C.jsx)("p",{className:N,children:G(A)}),I&&(0,C.jsx)(d.A,{tag:"p",className:g,children:G(I)}),T&&(0,C.jsx)(d.A,{tag:"p",className:g,children:G(T)}),R&&(0,C.jsx)(u.A,{items:R,className:j,theme:"smallMarginChecked",itemTag:F}),D&&(0,C.jsx)("p",{className:g,children:G(D)}),z&&(0,C.jsx)(u.A,{items:z,className:j,theme:"smallMarginChecked",itemTag:F}),L&&(0,C.jsx)("div",{className:x,children:E?(0,C.jsx)("div",{className:k,children:null!=M?M:U("seeMore")}):(0,C.jsx)(h.A,{className:k,href:L,children:null!=M?M:U("seeMore")})})]})}}

1,77981:function(e,n,t){t.d(n,{A:function(){return w}});var s=t(96540),i=t(46942),a=t.n(i),l=t(19964),o=t(9285),r=t(35554),c=t(85061),d=t(25004),u=t(8175),h=t(86578),m=t(64676),p=t(81782),g=t(91906),b=t(74848);const v=e=>{let{children:n,className:t,link:s,onAnimationEnd:i}=e;return s?(0,b.jsx)(c.A,{href:s,className:t,onAnimationEnd:i,children:n}):(0,b.jsx)("div",{className:t,onAnimationEnd:i,children:n})};function f(e){let{title:n,description:t,descriptionMarkup:i,tools:g,main:f=!1,footer:w,filters:k}=e;const{0:x,1:j}=(0,s.useState)(0),{0:S,1:A}=(0,s.useState)(""),{0:y,1:N}=(0,s.useState)(!1),{0:I,1:T}=(0,s.useState)(null),C=g.some(e=>e.link);(0,s.useEffect)(()=>{k&&A(k[0].type)},[k]);const D=(0,s.useCallback)((e,n)=>{j(n)},[]),R=(0,s.useCallback)(e=>{A(e),T(e),N(!0)},[]),z=()=>{N(!1)},B=(0,s.useMemo)(()=>{const e=[];if(k&&g.forEach(n=>{var t;const s=null==n||null===(t=n.spec)||void 0===t?void 0:t.find(e=>e.type===S);s&&Object.keys(s).length&&e.push({...n,orderID:s.orderID||null})}),!k)return g;return[].concat(e).sort((e,n)=>e.orderID-n.orderID)},[S,g]),M=(0,s.useMemo)(()=>({customPaging:u.zP.bind(null,B.length,x/5),appendDots:u.WB,dotsClass:"slick-pagination",dots:!0,slidesToShow:B.length>4?5:B.length,slidesToScroll:5,arrows:!0,infinite:!1,variableWidth:B.length<5,responsive:[{breakpoint:961,settings:{arrows:!1}

1},{breakpoint:885,settings:{customPaging:u.zP.bind(null,B.length,x/3),slidesToShow:B.length>3?3:B.length,slidesToScroll:3,variableWidth:B.length<3,arrows:!1}},{breakpoint:500,settings:{customPaging:u.zP.bind(null,B.length,x/2),slidesToShow:B.length>2?2:B.length,slidesToScroll:2,variableWidth:B.length<2,arrows:!1}}]}),[B.length,x]);return(0,b.jsx)(l.A,{id:"technologies",className:"defaultSlider",children:(0,b.jsxs)("div",{className:"TechnologiesSlider-module--wrapper--751b0",children:[(0,b.jsx)(o.A,{tag:"h2",children:n}),t&&(0,b.jsx)(r.A,{size:"lg",children:t}),i&&(0,b.jsx)(p.A,{tag:"p",className:"TechnologiesSlider-module--description--692f4",children:i}),(null==k?void 0:k.length)&&(0,b.jsx)(m.A,{tags:k,active:S,handleClick:R}),(0,b.jsx)("div",{className:a()("TechnologiesSlider-module--cardsWrapper--83bbf",!k&&"TechnologiesSlider-module--smallerMinHeight--e5fb9"),children:(0,b.jsx)(d.A,{...M,beforeChange:D,children:B.map(e=>(0,b.jsxs)(v,{className:a()("TechnologiesSlider-module--itemWrapper--db49b",C&&"TechnologiesSlider-module--withHover--69773",y&&"TechnologiesSlider-module--fadeInAnimation--88a09"),onAnimationEnd:z,...e,children:[(0,b.jsx)(h.A,{className:a()("TechnologiesSlider-module--itemIcon--67abf",e.withFilter&&"TechnologiesSlider-module--withFilter--eea81"),src:e.icon,alt:e.title,"aria-hidden":!0}),(0,b.jsx)("h3",{className:a()("TechnologiesSlider-module--itemText--fa3cb",e.link&&"TechnologiesSlider-module--link--895a9"),children:e.title})]},e.title))})},I),f&&w&&(0,b.jsx)("div",{className:"TechnologiesSlider-module--buttonRow--64104",children:(0,b.jsx)(c.A,{className:"TechnologiesSlider-module--arrowRight--08711",href:w.link.to,children:w.link.name})})]})})}f.displayName="TechnologiesSlider";var w=(0,g.X)(f)},78780:function(e,n,t){t.d(n,{A:function(){return c}});t(96540);var s=t(46942),i=t.n(s),a="ScrollSnapPagination-module--active--7a700",l="ScrollSnapPagination-module--pagination--76c0b",o="ScrollSnapPagination-module--paginationButton--cb03d",r=t(74848);function c(e){let{itemsCount:n,activeCardId:t,getCardId:s,className:c}=e;return(0,r.jsx)("div",{className:i()(l,c),children:Array.from({length:n},(e,n)=>{const l=s(n);return(0,r.jsx)("button",{className:i()(o,l===t&&a),onClick:()=>(e=>{const n=document.getElementById(e);null==n||n.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})})(l),"aria-label":`Go to card ${n+1}`,children:n},l)})})}},86424:function(e,n,t){t.d(n,{A:function(){return o}});t(96540);var s=t(75242),i=t(91906),a=t(74848);function l(e){let{title:n,subtitle:t,description:i,icons:l,certificateIDs:o,size:r,background:c,imgAlt:d,gatsbyImage:u,titleMod:h,handleIconClick:m,scrollerKey:p,button:g,modal:b}=e;const v=o||l?(null==o?void 0:o.length)||(null==l?void 0:l.length):null;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Ay,{id:"intro",background:c,imgAlt:d,gatsbyImage:u,scrollerKey:p,size:r,Content:(0,a.jsx)(s.UC,{title:n,subtitle:t,description:i,numberOfIcons:v,titleMod:h,size:r,button:g,modal:b}),Icons:o||l?(0,a.jsx)(s.FI,{className:"Intro-module--mobileHidden--64ddc",certificateIDs:o,list:l,handleIconClick:m}):null})})}l.displayName="Intro";var o=(0,i.X)(l)}}]);
2//# sourceMappingURL=component---src-pages-de-hire-developers-react-js-index-jsx-d8ace08d2c3fe0ee81c9.js.map