{"schemaVersion":"jobsearcher.job.v1","id":"a645bab94f28480486f4006c","url":"https://jobsearcher.com/jobs/a645bab94f28480486f4006c","canonicalUrl":"https://jobsearcher.com/jobs/a645bab94f28480486f4006c","title":"Senior JavaScript Front-End Developer - Angular and React.js","description":"Job Summary\n\nWe are building a browser-based 3D virtual science lab. Students assemble apparatus, perform experiments, and are assessed on their technique — all rendered in real time with React 19, React Three Fiber (Three.js), and Zustand, built with Vite. The simulation runs on ordinary school hardware, including low-end Chromebooks, so it has to be both convincing and fast, and its behavior has to be deterministic enough to score reliably\n\nKey Responsibilities\n\nBuild and own complex React Three Fiber features: interactive 3D equipment, a selection-driven action system, real-time visual effects, and the UI around them.\n\nKeep the app fast on low-end hardware — profile and tune the render loop, manage GPU/CPU cost, and hold a frame budget on Chromebook-class devices.\n\nKeep application state coherent as it grows (simulation state, equipment state, an event log used for assessment, and UI state) using Zustand.\n\nMake accessibility real: full keyboard operation, focus management, ARIA, and screen-reader support are core requirements here, not polish.\n\nDirect Claude Code effectively — decompose work into well-specified, agent-sized tasks, review the output with a senior eye, and know when to write something by hand instead.\n\nHelp maintain the conventions, CLAUDE.md guidance, and repo structure that keep AI-generated code consistent and safe.\n\nCollaborate with our 3D technical artist to integrate assets and shaders cleanly.\n\nSkill Requirements\n\nDeep, senior-level React (React 19 / modern React): the render model, hooks discipline, memoization, effect timing, and a real feel for where re-renders and stale closures come from — which matter acutely in an app running a physics loop every frame.\n\nThree.js and React Three Fiber in production. Real command of the scene graph, geometry and materials, the useFrame render loop, and disposal / memory management (WebGL leaks are a real hazard). This is the heart of the role and the skill we weight most heavily — React experience without R3F is not a substitute.\n\nReal-time performance discipline. You think in frame budgets, know what drives GPU vs CPU cost, can profile a render loop, and habitually design for the weakest target device.\n\nState management at scale with Zustand (or clearly transferable experience), keeping a growing state model coherent rather than tangled.\n\nAccessibility as a first-class skill — keyboard navigation, focus management, ARIA, WCAG AA, screen-reader testing. For an education product this is a core requirement and a procurement gate, not an afterthought\n\nMust Have Skill\nAngular,React.js,JavaScript\nGood to Have Skill\nOther Requirements","company":"Hcltech2","rawCompany":"hcltech2","city":"Jersey City","state":"NJ","isRemote":false,"isActive":false,"createdAt":"2026-11-13T10:19:36.028Z","occupations":[{"code":"15-1254.00","title":"Web Developers","slug":"web-developers"},{"code":"15-1252.00","title":"Software Developers","slug":"software-developers"},{"code":"15-1255.00","title":"Web and Digital Interface Designers","slug":"web-and-digital-interface-designers"}],"industries":[{"code":"541511","title":"Custom Computer Programming Services","slug":"custom-computer-programming-services"},{"code":"513210","title":"Software Publishers","slug":"software-publishers"},{"code":"541512","title":"Computer Systems Design Services","slug":"computer-systems-design-services"}],"jobPosting":{"@context":"https://schema.org","@type":"JobPosting","title":"Senior JavaScript Front-End Developer - Angular and React.js","description":"Job Summary\n\nWe are building a browser-based 3D virtual science lab. Students assemble apparatus, perform experiments, and are assessed on their technique — all rendered in real time with React 19, React Three Fiber (Three.js), and Zustand, built with Vite. The simulation runs on ordinary school hardware, including low-end Chromebooks, so it has to be both convincing and fast, and its behavior has to be deterministic enough to score reliably\n\nKey Responsibilities\n\nBuild and own complex React Three Fiber features: interactive 3D equipment, a selection-driven action system, real-time visual effects, and the UI around them.\n\nKeep the app fast on low-end hardware — profile and tune the render loop, manage GPU/CPU cost, and hold a frame budget on Chromebook-class devices.\n\nKeep application state coherent as it grows (simulation state, equipment state, an event log used for assessment, and UI state) using Zustand.\n\nMake accessibility real: full keyboard operation, focus management, ARIA, and screen-reader support are core requirements here, not polish.\n\nDirect Claude Code effectively — decompose work into well-specified, agent-sized tasks, review the output with a senior eye, and know when to write something by hand instead.\n\nHelp maintain the conventions, CLAUDE.md guidance, and repo structure that keep AI-generated code consistent and safe.\n\nCollaborate with our 3D technical artist to integrate assets and shaders cleanly.\n\nSkill Requirements\n\nDeep, senior-level React (React 19 / modern React): the render model, hooks discipline, memoization, effect timing, and a real feel for where re-renders and stale closures come from — which matter acutely in an app running a physics loop every frame.\n\nThree.js and React Three Fiber in production. Real command of the scene graph, geometry and materials, the useFrame render loop, and disposal / memory management (WebGL leaks are a real hazard). This is the heart of the role and the skill we weight most heavily — React experience without R3F is not a substitute.\n\nReal-time performance discipline. You think in frame budgets, know what drives GPU vs CPU cost, can profile a render loop, and habitually design for the weakest target device.\n\nState management at scale with Zustand (or clearly transferable experience), keeping a growing state model coherent rather than tangled.\n\nAccessibility as a first-class skill — keyboard navigation, focus management, ARIA, WCAG AA, screen-reader testing. For an education product this is a core requirement and a procurement gate, not an afterthought\n\nMust Have Skill\nAngular,React.js,JavaScript\nGood to Have Skill\nOther Requirements","datePosted":"2026-11-13T10:19:36.028Z","dateModified":"2026-11-13T10:19:36.028Z","hiringOrganization":{"@type":"Organization","name":"Hcltech2","sameAs":"https://jobsearcher.com"},"jobLocation":{"@type":"Place","address":{"@type":"PostalAddress","addressLocality":"Jersey City","addressRegion":"NJ","addressCountry":"US"}},"identifier":{"@type":"PropertyValue","name":"JobSearcher","value":"a645bab94f28480486f4006c"},"url":"https://jobsearcher.com/jobs/a645bab94f28480486f4006c"}}