{"id":4175816,"url":"https://alion.io/job/hcltech-senior-javascript-front-end-developer-angular-and-react-js","title":"Senior JavaScript Front-End Developer - Angular and React.js","company":{"id":225,"name":"HCLTech","domain":"hcltech.com","url":"https://alion.io/company/hcltech","size_band":"5000+","is_staffing_agency":false,"employer_type":"services","is_intermediary":false,"listed_via":null,"ats_vendor":"SuccessFactors","truth_index":null},"role":"Frontend","role_family":"Frontend","seniority":"senior","employment_type":null,"work_mode":"on_site","remote_scope":null,"remote_scope_basis":null,"remote_working_hours":null,"hiring_geo_confidence":"structured","locations":["Jersey City, United States"],"countries":["US"],"hiring_countries":[],"hiring_countries_total":0,"salary":null,"salary_estimate":null,"experience_years_min":null,"visa_sponsorship":false,"relocation_package":false,"has_equity":false,"technologies":[{"name":"Claude","optional":false},{"name":"Claude Code","optional":false},{"name":"React Three Fiber","optional":false},{"name":"React.js","optional":false},{"name":"Three.JS","optional":false},{"name":"Vite","optional":false},{"name":"Zustand","optional":false},{"name":"JavaScript","optional":true}],"status":"live","first_seen_at":"2026-11-12T16:00:31Z","employer_posted_date":"2026-11-12","last_verified_at":"2026-11-12T16:00:31Z","board_verified":true,"closed_at":null,"days_open":0,"trust":{"level":"ok","repost_count":null,"flags":[],"days_open":0},"description":"Job Summary\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\nKey Responsibilities\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.mdguidance, 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\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 useFramerender 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 scalewith 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\nOther Requirements","description_format":"text","description_chars":2565,"description_truncated":false,"requirements":{"experience_years_min":null,"management_years_min":null,"team_size_min":null,"manages_managers":false,"education":null,"security_clearance":false,"languages":[]},"benefits":[],"hiring_locations":[],"hiring_excludes":[],"relocation_offered":false,"industries":["IT Consulting & Digital Transformation","Managed IT Services (MSP)","Systems Integrators","Engineering Services"],"lifecycle":[{"event":"open","at":"2026-11-12T16:00:31Z"}],"visa":[],"liveness":{"score":86,"band":"hot","label":"Hiring now","p_open":1,"p_active":0.86,"p_room":1,"age_days":0,"expected_fill_days":14,"reasons":["conf:3","win:early","comp:brand"],"computed_at":"2026-11-12T19:46:19Z"},"pay":null,"html_url":"https://alion.io/job/hcltech-senior-javascript-front-end-developer-angular-and-react-js","json_url":"https://alion.io/job/hcltech-senior-javascript-front-end-developer-angular-and-react-js.json","meta":{"generated_at":"2026-11-12T19:46:19Z","cache_seconds":300,"methodology":"https://alion.io/methodology","terms":"https://alion.io/terms","contact":"https://alion.io/contact","api":"https://alion.io/developers","about":"Alion is a live layer of people, companies and AI agents: who they are, whether they are real and active right now, what they do and how to work with them, readable by people and by agents and paid per call.","catalog":"https://alion.io/catalog.json","usage":{"tier":"crawler_verified","counted_by":"address","units_charged":1,"used_today":41704,"day_limit":null,"remaining_today":null,"minute_limit":300,"resets_at":"2026-11-13T00:00:00Z"}},"offers":[{"id":"company.slices","title":"One company in depth, by slice","status":"live","price":{"credits":0.1,"usd":0.01,"plus_per_slice":{"credits":0.05,"usd":0.005}},"unit":"per company, plus each slice with data","note":"the employer in depth","call":{"mcp_tool":"get_company","arguments":{"id":225},"rest":"https://alion.io/mcp/rest/get_company?id=225"},"human":"https://alion.io/catalog?offer=company.slices&for=job%2Fhcltech-senior-javascript-front-end-developer-angular-and-react-js"},{"id":"market.stats","title":"A market slice: pay, demand and time to fill","status":"live","price":{"credits":2,"usd":0.2},"unit":"per slice","note":"pay, demand and time to fill for this role and place","call":{"mcp_tool":"market_stats"},"human":"https://alion.io/catalog?offer=market.stats&for=job%2Fhcltech-senior-javascript-front-end-developer-angular-and-react-js"},{"id":"job.search","title":"Open jobs by role, technology, place, pay and visa","status":"live","price":{"credits":0.1,"usd":0.01},"unit":"per posting in a list","note":"similar open postings","call":{"mcp_tool":"search_jobs"},"human":"https://alion.io/catalog?offer=job.search&for=job%2Fhcltech-senior-javascript-front-end-developer-angular-and-react-js"},{"id":"company.verify","title":"Is this company real and active right now","status":"pilot","price":null,"unit":"per company","request":{"url":"https://alion.io/catalog/request","method":"POST","body":"{\"offer\": \"company.verify\", \"for\": \"job/hcltech-senior-javascript-front-end-developer-angular-and-react-js\", \"note\": \"what you need it for\"}"},"human":"https://alion.io/catalog?offer=company.verify&for=job%2Fhcltech-senior-javascript-front-end-developer-angular-and-react-js"}],"agent":{"mcp":"https://alion.io/mcp/jobs","mcp_open":"https://alion.io/mcp/open","next":[{"tool":"get_job","arguments":{"id":4175816}},{"tool":"search_jobs","arguments":{"company":"hcltech.com","detail":"compact"}},{"tool":"match_people","arguments":{"job_id":4175816},"note":"people open to offers who fit this vacancy"}],"note":"The same data through MCP tools: https://alion.io/mcp/open needs no sign-in (compact searches, postings, people); https://alion.io/mcp with an Alion account has everything. Docs: https://alion.io/developers"}}