UI Architect (React)

Project description

As the UI Architect, you will lead the modernization and architecture of our client's website. In this role, you will be part of a team that designs, develops, and launches efficient quality systems and solutions supporting core organizational functions. This individual will apply proven communication, analytical, and problem-solving skills to help identify, communicate, and resolve issues, opportunities, or problems to improve the benefit of IT and Business investments. The Developer is experienced and self-sufficient in performing their responsibilities, requiring minimal supervision but general guidance and direction.

Responsibilities

• Architect and Design UI Systems: Lead the architecture and design of scalable, reusable, and maintainable UI components using React.
• React Component Development: Develop high-quality, responsive, and performance optimized React components that can be reused across various parts of the application.
• Collaboration with Teams: Work closely with UX/UI designers, back-end developers, and product managers to ensure seamless integration of design and functionality.
• Code Reviews and Standards: Establish best practices and coding standards for React development, including consistent code styling, component design patterns, and performance optimizations.
• State Management: Design and implement state management solutions (using Redux, MobX, or Context API) to handle application-wide state in a scalable manner.
• Performance Optimization: Monitor and optimize the performance of React applications, ensuring efficient rendering, load times, and smooth user interactions.
• Mentor Developers: Provide technical leadership and mentorship to front-end developers, helping them grow their expertise in React and UI development.
• Component Libraries: Build and maintain a shared component library to ensure consistency across applications.
• Integrating APIs: Collaborate with back-end teams to integrate RESTful APIs, GraphQL, and other data services into the React front end.
• Testing and Debugging: Ensure the reliability of the UI by implementing comprehensive unit tests, end-to-end tests, and code debugging strategies using tools like Jest, Cypress, or Enzyme.
• Mobile Responsiveness: Ensure that all UI components and layouts are mobile-responsive, working seamlessly across a variety of screen sizes and devices.
• Accessibility: Implement accessibility best practices (WCAG standards) to ensure the UI is usable for all users, including those with disabilities.
• Continuous Integration/Delivery: Work with DevOps and back-end teams to implement CI/CD pipelines for efficient deployment and testing of React applications.

SKILLS

Must have

• 10+ years of experience in front-end development.
• 7+ years of experience with React in large-scale web applications.
• React.js: Expertise in React.js including hooks, state management, lifecycle methods, and component architecture.
• JavaScript (ES6+): Strong proficiency in modern JavaScript (ES6+), including promises, async/await, and other advanced features.
• HTML5/CSS3: Proficiency in semantic HTML5, CSS3, and preprocessors like SASS or LESS.
• Redux or Context API: In-depth knowledge of Redux or React Context API for managing application state.
• TypeScript: Experience with TypeScript to enhance code quality, safety, and scalability.
• UI Frameworks/Libraries: Familiarity with UI libraries like Material-UI, Ant Design, or Bootstrap.
• Build Tools: Experience with build and bundling tools such as Webpack, Babel, and npm/yarn.
• Version Control: Strong experience with Git for source control and collaborative development workflows.
• REST/GraphQL Integration: Experience working with RESTful APIs or GraphQL to fetch and display dynamic data.
• Testing Frameworks: Knowledge of testing frameworks like Jest, React Testing Library, Cypress, and Enzyme for unit and end-to-end testing.
• Performance Tuning: Experience in performance tuning using tools like Lighthouse, Web Vitals, or React Profiler.
• Experience with Accessibility.

Nice to have

• Cloud Platforms: Experience with cloud providers such as AWS, Azure, or Google Cloud for deploying and scaling React applications.
• Agile Methodology: Experience working in Agile (Scrum or Kanban) environments.
• UI/UX Principles: Strong understanding of UI/UX principles and ability to work with design tools like Figma, Sketch, or Adobe XD.
• Micro Front-End Architecture: Experience with micro front-end architecture for scaling large applications.