Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

React with .NET Web API – Basic App Tutorial

via freeCodeCamp

Overview

Create a basic React application integrated with a .NET Web API component using the 'ASP.NET Core with React.js' project template in Visual Studio 2022 Community Edition. Build a fun, interactive app that allows users to rank items by dragging and dropping them onto a grid, where each cell represents a ranking position. Learn to develop the front-end with React and the back-end with C#, covering topics such as project setup, server-side API creation, React component development, navigation functionality, image handling, drag-and-drop implementation, and data initialization. Gain practical experience in full-stack development while creating an engaging ranking application for movies and albums.

Syllabus

⌨️ Introduction
⌨️ Project Creation
⌨️ Create the Server-side .NET Web API Code in C#
⌨️ Create 'RankItems' React Component
⌨️ Create Navigation Functionality
⌨️ Write Code to Import Movie Images
⌨️ Write Code to Display Movie Images
⌨️ Write Code for 'RankingGrid' React Component
⌨️ Write Code for Drag and Drop Functionality
⌨️ Write Code for Ranking Albums
⌨️ Write Code for Initialising Ranking Items Reload Button

Taught by

freeCodeCamp.org

Reviews

Start your review of React with .NET Web API – Basic App Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.