الخبرة : 0-3 سنة
الراتب : not mentioned
المكان : Egypt
Job Details
Skills And Tools:
Job Description
- Modern Angular Architecture: Design and build modular applications using Standalone Components and Signals for fine-grained reactivity.
- Zoneless Migration: Optimize application performance by moving away from Zone.js and implementing Zoneless Change Detection strategies.
- Reactive State Management: Manage complex application state using RxJS for asynchronous streams and Signals for local/global state.
- Server-Side Rendering (SSR) & Hydration: Implement Angular Universal with incremental hydration to improve Core Web Vitals and SEO.
- AI Feature Integration: Integrate AI-driven features (chatbots, personalization, or predictive UI) using Google’s Genkit or Gemini APIs.
- Design-to-Code: Collaborate with UI/UX designers to translate Figma designs into accessible, pixel-perfect components using Angular Material or Tailwind CSS
Job Requirements
1. Core Angular Expertise
Signals Mastery: Expert knowledge of signal(), computed(), and effect(). You must be able to architect applications using Signal-based reactivity to reduce reliance on Zone.js.
Zoneless Change Detection: Proficiency in building applications using provideZonelessChangeDetection(), removing the zone.js dependency for a 30% boost in rendering speed and smaller bundle sizes.
Modern Template Syntax: Mastery of the @if, @for, and @switch control flow blocks (replacing legacy structural directives like *ngIf).
Signal Forms: Experience with the reactive (experimental) Signal Forms API for a more predictable and cleaner handling of user input.
2. State Management & Data Streams
RxJS/Signals Hybrid: Knowing when to use RxJS for complex asynchronous events (e.g., WebSockets, debounce) and when to use Signals for local UI state.
Advanced State Libraries: Experience with NgRx SignalStore or Akita for managing complex, global enterprise data.
Resource API: Ability to fetch remote data using the new Resource API which aligns with the Signal-based approach.
3. Performance & Modern Architecture
Nx Monorepos: Experience managing large-scale projects using Nx for code sharing and build caching.
Micro Frontends (MFE): Implementing independent deployments using Vite Module Federation.
Hydration Strategies: Implementing Incremental Hydration and @defer blocks to optimize Time to Interactive (TTI) and Core Web Vitals.
SSR & Prerendering: Expert knowledge of Angular Universal and route-level rendering modes (CSR vs. SSR vs. Prerender).
4. Engineering Standards & Tools
Vitest: Proficiency in the new default testing framework, Vitest, for faster, Vite-powered test runs.
TypeScript Mastery: Deep understanding of advanced types and strict null checks to ensure compile-time safety.
Design Systems: Building accessible components (WCAG 2.2) using Tailwind CSS or the Angular ARIA library.
AI Integration: Experience using Google’s Genkit or Gemini APIs to build AI-powered features like real-time text analysis or chatbots.