Integrate React Into an Existing App

Create Folder Structure

Initialize with package.json

Install Webpack Dependencies

Prerequisits

Install Babel Dependencies

Install ESLint Dependencies

Install Jest Dependencies

Install React Dependencies

Configure Webpack for Development

Configure Babel

Configure ESLint

Install Terser Plugin

Creating npm Scripts for Development

Configure Webpack For Production

Integrate Create React with .NET Core

Integrate React Into an Existing App

JSX Expressions

JSX Functions

TanStack Query (FKA React Query)

React useState Example

useContext Hook in React

React Click Event Handlers

Inline function in an onClick event handler in React

Pass a Parameter to an onClick Event Handler

React Hooks

React Router

useNavigate Hook in React

React query wrapper hook

React query wrapper hook with parameter

React Conditional Rendering

Conditional (ternary) Operator (? :)

Logical && Operator

React Query Articles

How to Map Data of React Query

How to Clear/Reset useRef in a React App Using JavaScript and React Hooks?

How-To Create a Loading Spinner in React using CSS

How to Invalidate an Infinite Query?

How to resize an element using the scroll height of the document in React

JSX

React Context

React Context Key Concepts

React useContext Sample

React Router Key Features

Implementing Efficient Search Functionality in React

Debouncing in the SearchInput Component

State Management and Propagation in React

Separation of Concerns Between SearchInput and SearchList

Overview of Optimized Search Code Structure

Filtering and Organizing Data with JavaScript

Extending Arrays with Attributes in JavaScript

Filtering Data by Single Criteria in JavaScript

Filtering Data by Multiple Criteria in JavaScript

Extracting Specific Fields After Filtering in JavaScript

Sorting Data Alphabetically in JavaScript

Returning Only Specific Fields from Filtered Data in JavaScript

Add React to ASP.NET Core

UTC DateTime Handling Between React and ASP.NET Core

Formatting Dates for HTML datetime-local Inputs

Converting Local Input to UTC for API Submission

ASP.NET Core: Parsing and Storing UTC Datetimes

Displaying UTC Timestamps in Local Time in React

Understanding Timezone Behavior in JavaScript

TinyMCE for React

TinyMCE: How to Remove All data-* Attributes with a Custom Button

Why You Shouldn't Use ref in React Props

Understanding JSX

Fixing "Duplicate Key" Errors in React Trees

How to Auto-Fill a Field Only When Empty in React