Join Kazi Nasrat Ali for an in-depth discussion in this video Debugging the front end and back end, part of Building React and ASP.NET MVC 5 Applications.
- [Narrator] In this video, I will talk about…debugging the application.…As a developer it is extremely important to know…how to debug the application.…Here we have two slides, front end and back end.…To debug the front end we can use…Chrome's developer tool.…Just go to Chrome and press f12.…Now here we will see the source mapped files…under web pack content src.…We see all the five listed,…let's go to menubox.tsx…and lets say we want to debug the function…'get login status'.…
So I put a break point here,…and another break point here.…Now refresh the page,…so you know at the start of the application…we are calling 'get login status'.…So we are hitting this break point now…now let's press f10 to execute that line…and let's press continue…and now we are back to this particular line.…We want to see what you are getting here,…so press f10 and this variable is men…and that is expected because I have not logged in.…
Let's continue, let's try another place…maybe load menus from server,…Let's put a break point here,…if you want to see,…
Author
Released
11/27/2018- Creating the back end
- Scaffolding a project with MVC 5
- Setting up the service API for data
- Creating the front end with React
- Handling events for React elements
- Responsive UI and mobile friendliness
- Securing the API
- Debugging the front end and back end
Skill Level Intermediate
Duration
Views
Related Courses
-
ASP.NET MVC: HTTP Request Life Cycle
with Janan Siam2h 15m Intermediate
-
Introduction
-
1. About ASP.NET MVC 5 and React
-
2. Create the Back End
-
Add register and login views3m 55s
-
3. Setup: A Service API for Data
-
Create a REST API controller3m 33s
-
-
4. Setup: TypeScript, IntelliSense, and webpack
-
5. Create the Front End with React
-
6. Secure the API
-
7. Debugging and Testing
-
Testing and completion8m 3s
-
Conclusion
-
Next steps43s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Debugging the front end and back end