# Aleksandr Smyshliaev - Senior React.js Developer | TypeScript & Next.js Expert ## Summary ### Senior React.js Developer for Enterprise B2B Applications Specializing in complex state management, TypeScript architecture, and custom React component libraries. 7+ years building scalable frontend solutions with React hooks, Next.js, and comprehensive testing strategies. **Expert in:** React.js • TypeScript • Next.js • State Management • Custom Hooks • Component Libraries • Frontend Testing • Performance Optimization • CI/CD Automation Available for remote work worldwide, helping mid-size IT companies build robust, maintainable enterprise applications. ## Contact - **GitHub:** https://github.com/asmyshlyaev177 - **LinkedIn:** https://linkedin.com/in/asmyshlyaev177 - **Website:** https://asmyshlyaev177.dev - **Location:** Tbilisi, Georgia (GMT+4) - **Availability:** Available for remote work worldwide; timezone flexible, comfortable with US hours ## About Me ### My Journey Hello! I'm Alex, a React.js Developer who loves building user-friendly web applications. I started in tech as a system administrator, managing servers and networks. My interest shifted when I wrote a script to process a database dump of phone numbers for marketing - it showed me how much I enjoyed solving creative challenges through code. This led me to web development, beginning with a side project. Soon after, I landed my first job working with Vue.js and D3.js. While Vue was great for smaller apps, I moved to React.js for bigger projects and haven't looked back. Over time, I've learned the value of TypeScript for managing complex code and the importance of testing to keep things running smoothly. I've worked on a variety of projects, from startups to larger companies, both in-office and remotely, including for US-based teams. I focus on practical solutions and doing things right, not just checking boxes. ### Core Technical Skills #### React Ecosystem Mastery - Advanced React hooks patterns and custom hook development - Complex state management (Redux, Zustand, Context API, Jotai) - Server-side rendering with Next.js and Remix.js - React Server Components and App Router architecture - React Router for complex routing scenarios #### TypeScript Excellence - Strict type safety for enterprise-scale applications - Advanced TypeScript patterns for React components - Type-safe API integration and data modeling - Generic types and utility types for reusable code - Zod and other runtime validation libraries #### Component Architecture - Design systems and component library development - Atomic design principles and scalable architecture - Storybook documentation and component testing - Accessible (WCAG 2.1) and performant UI components - CSS-in-JS, Tailwind CSS, CSS modules, and modern styling solutions #### Testing & Quality Assurance - Unit testing with Jest/Vitest and React Testing Library - Integration and E2E testing with Playwright/Cypress - Test-driven development (TDD) practices - Code coverage and quality metrics - Continuous Integration/Continuous Deployment (CI/CD) pipelines #### Performance Optimization - React performance profiling and optimization - Code splitting and lazy loading strategies - Bundle size optimization and tree shaking - Caching strategies and API optimization - Core Web Vitals and lighthouse score improvements ### My Philosophy #### Pragmatic Approach Select the best tool for the task while staying open to improvements and adaptability. #### Quality Focus Prioritize quality and maintainability in complex software, keeping complexity to a minimum. #### DevOps Mindset Automate repetitive tasks, like CI/CD deployments, linting, packaging, and automated testing. #### Continuous Learning Technology evolves rapidly, and so do I. I'm always exploring new tools, frameworks, and design trends to stay at the forefront of the industry. ## Featured Projects ### state-in-url - React State Management Library **Category:** Open Source Library | 372+ GitHub Stars **Challenge:** Managing complex form state and UI state in URL query parameters is notoriously difficult in React applications. Developers struggle with type safety, nested data structures, and synchronization between URL state and component state. **My Role:** Creator & Lead Developer **Technologies:** React.js, TypeScript, Next.js, Remix.js, React Router, Tailwind CSS, npm **Technical Implementation:** - Custom React hooks for seamless URL state management with full TypeScript support - Advanced type inference system that preserves nested object and array types - Zero-dependency core library with framework-agnostic architecture - Comprehensive testing suite with 95%+ code coverage using Jest and React Testing Library - Support for multiple routing libraries (Next.js App Router, Remix, React Router) - Built-in URL encoding/decoding with automatic type coercion **Results:** - 372+ GitHub stars and growing community adoption - Used in production by multiple companies for complex filtering and search UIs - Zero reported type safety issues in production - ~1KB bundle size with tree-shaking support - Featured in React community newsletters and discussions **Key Learnings:** Building a type-safe abstraction over browser APIs requires deep understanding of TypeScript's type system, React's rendering lifecycle, and framework-specific routing patterns. Achieving zero-dependency architecture while maintaining framework compatibility required careful API design. **Links:** - Live Demo: - GitHub: - npm: --- ### react-horizontal-scrolling-menu - React Component Library **Category:** Open Source Library | 784+ GitHub Stars **Challenge:** Creating smooth, accessible horizontal scrolling menus with touch support, keyboard navigation, and responsive behavior is surprisingly complex. Existing solutions lacked proper TypeScript support and accessibility features. **My Role:** Creator & Maintainer **Technologies:** React.js, TypeScript, CI/CD (GitHub Actions), npm, Webpack **Technical Implementation:** - Pure React component with hooks-based architecture - Full keyboard navigation (Arrow keys, Home, End, Tab) - Touch gesture support for mobile devices - Intersection Observer API integration for visibility detection - Customizable arrow buttons with automatic show/hide logic - SSR-compatible with Next.js and other frameworks - Comprehensive Storybook documentation with live examples **Results:** - 784+ GitHub stars, one of the most popular horizontal scrolling solutions - 100K+ weekly npm downloads - Used by enterprise applications and popular websites - Fully accessible (WCAG 2.1 Level AA compliant) - Automated CI/CD pipeline with testing, linting, and automatic releases **Key Learnings:** Building accessible, performant UI components requires careful consideration of browser APIs, touch/mouse events, and screen reader compatibility. Maintaining backward compatibility while adding features taught me valuable lessons about semantic versioning and API design. **Links:** - Live Demo: - GitHub: - npm: --- ### channels.careers - B2B Hiring Platform **Category:** B2B SaaS Application | Enterprise **Challenge:** Traditional hiring platforms lack the specialized features needed for B2B enterprise hiring, particularly for tech talent. The platform needed to handle complex workflows, role-based access, and real-time collaboration between hiring teams. **My Role:** Senior Frontend Developer **Technologies:** React.js, Next.js, TypeScript, Playwright, REST APIs **Technical Implementation:** - Complex multi-step application flow with state management using React Context and custom hooks - Type-safe API integration with auto-generated TypeScript types from backend schemas - Comprehensive E2E testing suite with Playwright covering critical user journeys - Responsive design system built with CSS modules and custom components - Server-side rendering with Next.js for optimal SEO and initial load performance - Role-based access control (RBAC) implementation on frontend - Performance optimization achieving Lighthouse score of 95+ **Results:** - Successfully launched to production serving enterprise B2B clients - Full test coverage for critical user flows preventing regressions - Positive feedback on user experience and interface intuitiveness **Key Learnings:** Enterprise B2B applications require careful balance between feature complexity and user experience. Implementing comprehensive testing early in the development cycle significantly reduced production bugs and improved deployment confidence. **Links:** - Website: - Demo: Available on portfolio website --- ## Open Source Contributions ### state-in-url Library - 372+ GitHub stars - Active maintenance and community support - Regular updates with new features and bug fixes - Comprehensive documentation and examples - Featured in React community resources ### react-horizontal-scrolling-menu Library - 784+ GitHub stars - 100K+ weekly npm downloads - Long-term maintenance (5+ years) - Active issue triage and pull request reviews - Helping developers solve horizontal scrolling challenges ## Education **Krasnogorsk State College** Bachelor of Technology (BTech) 2004 - 2008 --- *Portfolio: https://asmyshlyaev177.dev*