React.js PlaygroundDevelopment setup for POCs built with React.js, JavaScript, TypeScript, Storybook, Chromatic, Jest, and Netlify.
Playground and development setup for POCs, feasibility studies, and experiments to practice, learn, and test new technologies, libraries, and tools along with their integration and configuration in a React.js environment with TypeScript. it is a gallery showcasing my transition from TypeScript to JavaScript as I dive deeper into React.js and its ecosystem.
#TypeScript
Projects
Posts
Advanced Composition Patterns: Building Custom shadcn/ui Components in ReactExtend shadcn/ui with compound components, render props, and polymorphic patterns
Learn advanced React patterns for extending shadcn/ui components including compound component architecture, polymorphic 'asChild' patterns, and TypeScript-safe component APIs for Next.js projects.
Angular vs React.js: Navigating the Choice for Your Next ProjectYour Comprehensive Guide to Making an Informed Decision Between Angular and React.js for a Robust Web Application
In the endless debate of Angular vs React.js, discover the nuances, key factors, and strategic questions you should ask before choosing the right framework for your next project. Step into a well-guided decision-making process.
Baking with Bun: A Beginner’s Guide to Simplified JavaScript Project SetupA Walkthrough of Effortless JavaScript Project Initialization and Configuration with Bun
Explore the effortless world of setting up your JavaScript and TypeScript projects with Bun. Dive into a beginner-friendly guide that takes you through initialization, configuration, and a smooth sailing development experience with this innovative build tool.
Beyond Basics: Advanced Sorting Algorithm Techniques for Complex Front-End ScenariosTackling Complex Data Scenarios with Advanced Sorting Algorithm Implementations
Dive into advanced sorting algorithm techniques, exploring their applications in addressing complex data scenarios in front-end development. Gain insights, practical examples, and strategies to manage and display complex data sets effectively and enhance user interactions.
Beyond JavaScript: Unveiling Bun’s Versatility in Managing TypeScript ProjectsA Comprehensive Guide to Leveraging Bun for Optimized TypeScript Development
Discover the versatility of Bun in managing and optimizing your TypeScript projects. Learn how to seamlessly integrate TypeScript, configure compiler options, and manage type definitions effectively with Bun, ensuring a smooth and type-safe development experience.
Build Your Own Frontend Playground: A Step-by-Step Guide to Learning by DoingCreate a reusable system for experimenting, prototyping, and mastering frontend skills
Learn how to build a frontend playground to practice concepts, create POCs, and accelerate your learning process.
Building Intelligent UI Automation: How Actors and Interactions Shape Workflow PatternsMastering the Actor-Interaction model to create flexible, maintainable test automation with deterministic and AI-driven workflows
Discover how the Screenplay pattern's Actor-Interaction model enables both deterministic task execution and non-deterministic AI-powered workflows. Learn to group multiple tasks and questions into cohesive workflows that balance predictability with intelligent adaptation.
Building Real-Time Applications with Amazon Bedrock AgentCore WebSocket CommunicationLeverage direct WebSocket connections for low-latency, bidirectional agent communication at scale
Discover how Amazon Bedrock AgentCore's direct WebSocket communication enables real-time, bidirectional agent interactions with minimal latency for dynamic applications.
Building Reusable React Components: Patterns and Best PracticesLearn how to create reusable and maintainable React components with these patterns and best practices.
This guide explores various patterns and best practices for building reusable React components, helping you write more modular, scalable, and maintainable code.
Coursework
TypeScript Algorithms and Data StructuresWorkbook GitHub Repository
Workbook repository for algorithms and data structures implemented in TypeScript! Here, you'll find a collection of exercises and solutions which I've worked on by following various online courses, challenges, and platforms.
Snippets
Leveraging Decorators and Metadata in Node.js with TypeScriptEnhancing API Development Through Reflective Metadata and Decorators
Dive into an advanced Node.js implementation using TypeScript, where decorators and reflective metadata streamline API development. Learn how to bind HTTP routes to class methods for a clean and efficient server setup.