React

A practical guide to customizing Create React App for multiple entry points, enabling multi-page React apps with separate bundles and HTML files.

As a developer, I needed to trigger a React modal from a SharePoint Ribbon button—bridging classic JS and modern React. This post explains the challenge, the solution using the global window object, and how I made React state accessible from outside the bundle.

A practical guide to setting up and using i18n for localizing your React.js applications, with code examples, configuration tips, and best practices.

A step-by-step guide to setting up Storybook in your React.js project, including configuration tips, code examples, and best practices for building a component library.

A practical guide to setting up import path aliases in Create React App projects using CRACO or react-app-rewired, with step-by-step configuration examples.

A practical guide to migrating your project from Material-UI to MUI, with real-world tips, pitfalls, and solutions for common issues.

As the developer, I built a robust integration to automatically synchronize payment data from the AX system into sales and contract entities, featuring incremental/full sync, entity matching, JSON serialization, and detailed logging.

As the developer, I implemented a flexible field visibility system that dynamically shows or hides fields for users based on their permissions. The solution features a custom UserControl with PeoplePicker, group/user selection, and JSON-based configuration for secure, dynamic forms.

As the developer, I created a financial planning module for the CFO role, integrating operational plans, presales, contracts, and sales into a unified reporting system. The solution features dynamic forms, advanced data mapping, and a custom jQuery plugin for instant, interactive financial reports.

As the developer, I built a combined search with advanced filters and a hash-based approach, enabling users to instantly find any required entity in the system.

As a developer, I was tasked with making the operational plan update process more interactive and user-driven. I designed a virtual wrapper for SPListItem to allow candidate selection without creating SharePoint items, integrated it with a React/Redux UI, and solved challenges around legacy code, state management, and user experience. This is the story of that technical journey.

A technical deep dive into designing and implementing a React/Redux web part for photo galleries and contests on a corporate portal, featuring user engagement with comments and likes.

Description of the implementation of a web part for displaying and creating photo galleries and photo contests on an internal corporate portal, with support for comments and likes.

As a developer, I implemented a flexible tabbed filtering system for a custom grid component in a large React/SharePoint project. This solution allows users to switch between dynamic views, each with its own filter logic, and efficiently handles data updates and counts. The main challenges solved were ensuring high performance with memoization, supporting multiple filter types, and providing a seamless user experience for managing complex tabular data.

This project is a practical guide to integrating a custom grid component with Redux in a React or SharePoint environment.

This project is a comprehensive guide to building a flexible and standardized custom grid component for managing tabular data in large-scale React or SharePoint-based systems.