SPFx FieldPicker Control — A Developer Configuration Tool for Dynamic SharePoint Solutions When building solutions with SharePoint Framework (SPFx), one common challenge is avoiding hardcoded SharePoint field names. Lists change. Columns are renamed. New metadata appears. Internal names can be… Continue reading

SPFx + PnP React Controls: Working with FieldCollectionData When building solutions with the SharePoint Framework, one common challenge is handling structured collections of data inside a form or component. Many business scenarios require users to add multiple rows of information… Continue reading

The SharePoint Framework (SPFx) is the modern development model for building client-side solutions in SharePoint Online. SPFx allows developers to create responsive and reusable web parts using technologies such as React, TypeScript, and Fluent UI. SPFx and PnP React Controls:… Continue reading

SPFx DynamicForm Control with PnP React Controls The DynamicForm control from the PnP SPFx React Controls library is one of the most powerful components available for SharePoint Framework development. Instead of manually creating React forms, field validation, save logic, lookup… Continue reading

SPFx DynamicForm Control with PnP React Controls The DynamicForm control from the PnP SPFx React Controls library is one of the most powerful components available for SharePoint Framework development. Instead of manually creating React forms, field validation, save logic, lookup… Continue reading

SPFx DateTimePicker Control (WP09) Introduction Modern SharePoint solutions often require users to enter both dates and times in a consistent and user-friendly way. Typical business scenarios include scheduling meetings, defining publishing dates, creating project milestones, registering service requests, and managing… Continue reading

WP08 – DragDropFiles Control Demo for SharePoint Framework Introduction What is SharePoint Framework (SPFx)? The SharePoint Framework (SPFx) is Microsoft’s modern development model for extending SharePoint Online and Microsoft 365. It allows developers to build client-side solutions using modern web… Continue reading

WP07 – Dashboard Control in SharePoint Framework (SPFx) Introduction to SharePoint Framework (SPFx) SharePoint Framework (SPFx) is the modern development model for Microsoft SharePoint Online and Microsoft 365. It enables developers to create client-side web parts and extensions using technologies… Continue reading

WP06 – Using ChartControl in SharePoint Framework (SPFx) Introduction The SharePoint Framework (SPFx) is Microsoft’s modern development platform for creating client-side solutions for SharePoint Online and Microsoft 365. SPFx enables developers to build responsive, secure, and maintainable web parts using… Continue reading

Building a SharePoint Framework (SPFx) Carousel Web Part with PnP React Controls Introduction SharePoint Framework (SPFx) is the modern development model for extending SharePoint Online and Microsoft 365. Introduced to replace older technologies such as Farm Solutions and SharePoint Add-ins,… Continue reading

Below is the complete English article section that highlights the real-world issue encountered during the implementation of WP04 AnimatedDialog. WP04 – AnimatedDialog in SharePoint Framework (SPFx) Using PnP SPFx React Controls Introduction SharePoint Framework (SPFx) is the modern development model… Continue reading

PnP SPFx React Controls – Complete Control Catalog and Documentation Reference Introduction The PnP SPFx React Controls library is one of the most important community-driven projects available for SharePoint Framework (SPFx) development. It provides a large collection of reusable React… Continue reading

SPFx WP03 – AdaptiveCardHost Control with PnP React Controls Introduction to SharePoint Framework (SPFx) SharePoint Framework (SPFx) is the modern extensibility model for SharePoint Online and Microsoft 365. Introduced by Microsoft to replace legacy development approaches such as Full Trust… Continue reading

WP02 – Building an Accordion Web Part with PnP SPFx React Controls Introduction The SharePoint Framework (SPFx) provides a modern development model for building client-side solutions in Microsoft 365. While React offers flexibility for creating user interfaces, many common components… Continue reading

The SharePoint Framework (SPFx) ecosystem provides a large collection of reusable controls through the PnP SPFx React Controls library. These controls accelerate development by providing ready-to-use components that follow Microsoft 365 design principles and accessibility guidelines. WP01 – AccessibleAccordion with… Continue reading

Building a Football Score Prediction Simulator with C#, LINQ and the Poisson Distribution One of the most interesting aspects of software development is applying mathematics and statistics to solve real-world problems. Recently, I developed a small C# console application to… Continue reading

Construindo um Simulador de Futebol com C#, LINQ e Distribuição de Poisson Recentemente desenvolvi uma aplicação Console em C# com o objetivo de estudar estatística aplicada ao futebol utilizando a Distribuição de Poisson através da biblioteca Math.NET Numerics. Embora seja… Continue reading

The PnP Controls Lab is a long-term educational and technical project designed to explore, validate, document, and demonstrate every control available in the PnP SPFx React Controls library. PnP Controls Lab – Building 100 SharePoint Framework Applications with PnP React… Continue reading

App 100 — React Enterprise Final Platform with React, TypeScript, Vite, and Fluent UI Introduction App 100 is the final application of the ReactLab journey. It represents the complete consolidation of everything learned across the previous 99 React applications: component… Continue reading

App 99 — Admin Center Microsoft Style with React, TypeScript, Vite, and Fluent UI Introduction As the ReactLab journey approaches its conclusion, App 99 introduces a realistic enterprise administration portal inspired by the Microsoft 365 Admin Center. This project consolidates… Continue reading

Technical Blog Article — App 98: Analytics System with React, TypeScript, Fluent UI, and Enterprise Dashboard Architecture Introduction As organizations become increasingly data-driven, analytics platforms have evolved into one of the most important categories of enterprise software. Executives, managers, analysts,… Continue reading

Building an Enterprise CRM System with React, TypeScript, Fluent UI, and Vite Introduction As applications grow beyond simple CRUD operations, they begin to resemble real business systems. One of the most common enterprise solutions is a Customer Relationship Management platform,… Continue reading

Building a Mini ERP Enterprise Application with React, TypeScript, Fluent UI, and Vite Introduction Enterprise Resource Planning (ERP) systems are among the most important software platforms used by organizations. They centralize business operations, improve visibility across departments, and provide a… Continue reading

Building an Enterprise Reservation Management System with React, TypeScript, Fluent UI, and Vite Introduction Modern organizations depend heavily on reservation and scheduling systems. Whether managing meeting rooms, company vehicles, training facilities, hotel resources, equipment, or shared workspaces, reservation platforms are… Continue reading

Building an Enterprise Corporate Catalog with React, TypeScript, Fluent UI, and Vite Introduction As React applications evolve from simple demonstrations into enterprise-grade systems, one recurring requirement appears across almost every organization: a centralized catalog. A corporate catalog can represent many… Continue reading

Building a SharePoint Inspired Portal with React, TypeScript, Fluent UI, and Vite Introduction Modern organizations rely heavily on centralized portals to provide employees with access to documents, news, applications, reports, workflows, and collaboration tools. One of the most recognizable examples… Continue reading

Building an Enterprise Audit System with React, TypeScript, Vite, and Fluent UI DataGrid Introduction In App 92 — Audit System, we build an enterprise-style audit dashboard using React, TypeScript, Vite, and Fluent UI. Audit systems are essential in professional applications… Continue reading

Technical Blog Article — App 91: Report Generator with React, TypeScript, Vite, and Fluent UI Introduction In App 91 — Report Generator, we build an enterprise-style report generation interface using React, TypeScript, Vite, and Fluent UI. This app belongs to… Continue reading

Building a Power BI Style Dashboard with React, TypeScript, Fluent UI, and Vite Introduction Modern enterprise applications are increasingly driven by data. Executives, managers, analysts, and operational teams rely on dashboards to transform raw information into actionable insights. Whether in… Continue reading

Technical Blog Article — App 89: Ticket Management System with React, TypeScript, Vite, Fluent UI, and useReducer Introduction In App 89 — Ticket Management System, we build a complete enterprise-style Help Desk application using React, TypeScript, Vite, Fluent UI, and… Continue reading

Building an Enterprise Administrative Portal with React, TypeScript, React Router, Vite, and Fluent UI Introduction Modern enterprise applications rarely consist of a single screen. Administrative systems typically contain dashboards, user management modules, configuration areas, reporting sections, audit panels, and navigation… Continue reading

Building an Enterprise User Management System with React, TypeScript, Fluent UI, and Context API Introduction In App 87, we enter a very important category of enterprise applications: User Management Systems. Almost every corporate platform contains some form of user administration… Continue reading

App 86 — Enterprise Task Manager with React, TypeScript, Context API, Reducer, Vite, and Fluent UI Introduction As React applications grow, managing state becomes increasingly challenging. Small applications can often rely on useState, but enterprise applications typically require a more… Continue reading

Building an Enterprise Kanban Board with React, TypeScript, Fluent UI, and Vite Introduction As React applications evolve from simple forms and dashboards into enterprise-grade systems, one UI pattern becomes almost unavoidable: the Kanban Board. Kanban boards are widely used in… Continue reading

Building an Enterprise Inventory Management System with React, TypeScript, Fluent UI, and Vite Introduction Inventory management is one of the most common requirements in enterprise software. Whether managing hardware assets, software licenses, warehouse products, office equipment, or retail inventories, organizations… Continue reading

Building an Enterprise Financial Dashboard with React, TypeScript, Fluent UI, and Vite Introduction Modern business applications depend heavily on dashboards. Executives, managers, financial analysts, and operations teams rely on dashboards to transform raw business data into meaningful insights that support… Continue reading

App 82 — Employee Management System with React, TypeScript, Fluent UI, and Vite Introduction As React applications become larger and more business-oriented, developers eventually need to move beyond simple examples such as counters, calculators, forms, and dashboards. Real enterprise systems… Continue reading

Building a Complete CRUD System with React, TypeScript, Fluent UI, and Vite Introduction As developers progress from learning individual React concepts toward building real-world applications, one milestone stands above many others: creating a complete CRUD system. CRUD stands for: These… Continue reading

App 80 — Mini Framework React Enterprise Building an Enterprise React Foundation with React, TypeScript, Fluent UI, Context API, Custom Hooks, and Layered Architecture Introduction As applications grow, one of the biggest challenges is no longer creating components, forms, or… Continue reading

App 79 — Layered Architecture with React, TypeScript, Fluent UI, and Enterprise Design Patterns Introduction As React applications grow, one of the biggest challenges developers face is maintaining code organization. Small applications often start with everything inside a single file:… Continue reading