अपनी भाषा हिंदी में Spring-Boot Mongo with React frontend | all CRUD operations
Channel: Tech DIY
Date: 2021-04-21

https://bit.ly/3dfspyQ 
हिंदी  narration 
Spring-Boot Mongo with React frontend, In this playground session we are covering both ends of an application. Backend we have developed using Spring-boot and MongoDB, while for Frontend we used React. It has complete CRUD operations, and as always covering the issues which we faced during development with their resolutions. Here we have referred to "How to do in Java" for the backend. For React we have referred to react, react-router-dom, Axios, react-toastify, bootstrap all links can be found below after key moments.

0:00 Introduction to the CRUD App
03:08 Backend in Spring-boot MongoDB 
29:26 Frontend in - Creating React App
41:14 Defining Routes
01:02:24 Designing Templates/ Pages
01:08:08 Connecting the dots
01:17:03 Delete Functionality
01:22:40 Add/ Create Blog Functionality
01:31:14 Update Blog Functionality

react-router-dom load update page with id
@ns/30115324/pass-props-in-link-react-router

toastify css issue
@ns/49378743/toast-is-not-rendered-react-toastify-component

source code referrences:
https://drive.google.com/drive/folders/1Iuv85MrwNf97BJ2vZuygC4QfbHTrxcYT?usp=sharing

support
https://reactstrap.github.io/components/card
https://fkhadra.github.io/react-toastify/installation
https://reactrouter.com/web/guides/quick-start//
https://www.npmjs.com/package/react-axios// 
#learningisfun #learningthroughplay #learningathome #instagood #trending #codinglife #codingisfun #codingbootcamp  #codingmemes #programminglife #programmingmemes #programmingisfun #programmingjokes #javasparrow  #javafoodie  #javanese #teaching #onlinelearning #edtech #opensource #technology #software #programming #coding #springtime #springiscoming