Тёмный

React JS & Laravel 8- ReactJS CRUD with Laravel REST API from Scratch| Sweet Alert & Form Validation 

Funda Coder
Подписаться 4,7 тыс.
Просмотров 58 тыс.
50% 1

In this video, you will learn how to make a CRUD application with Laravel and ReactJS using Laravel API from Scratch.
Frontend is ReactJS. Backend is Laravel 8 using API.
Source code Link:
fundaofwebit.com/post/crud-ap...
Follow us on Instagram: / funda_of_web_it
Subscribe to my Hindi/Urdu Channel: / @fundaofwebithindi

Опубликовано:

 

10 июн 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 85   
@ratulraha5226
@ratulraha5226 2 года назад
August 2021 I watched this video. I had no idea about laravel and I was a little bit confused about whether I should go for learning laravel or not. I decided to build an application for my client with REACT and Laravel. March 2022, I got a job as Software Engineer in one of the USA's fastest-growing IT company. This video was the foundation. I want to thank Funda Coder so much.
@rochellmarka.mananggit2835
@rochellmarka.mananggit2835 2 года назад
can i apply in your company?
@whatsupbudbud
@whatsupbudbud 2 года назад
For those of you using the latest 'react-router-dom', 'Switch' is deprecated in favor of 'Routes' and 'component' is deprecated in favor of 'element', so the final Route syntax is as follows:
@mytechschool8357
@mytechschool8357 2 года назад
Thanks for Sharing Information
@gillesashley9314
@gillesashley9314 2 года назад
@@mytechschool8357 Yes i found out. Thank you.
@selonraymond6651
@selonraymond6651 2 года назад
Greate Thanks to you
@elliotgaramendi
@elliotgaramendi 2 года назад
Inicio este curso con muchas expectativas, al parecer es el mejor y explica de cero cero. Update: Vamos a la mitad ¡Está genial! La documentación está con hooks, hubiera sido genial que el video también. Update2: ¡Muchas gracias! El mejor curso del stack Laravel + React! ¡Me quedó muy personalizado, espero que te vaya muy bien éxitos!
@ruwanabeysinghe2646
@ruwanabeysinghe2646 Год назад
The best video that I found on youtube to learn Reactjs and Laravel API. Thank you very much.
@karisdft456
@karisdft456 2 года назад
Thanks brother...i thought react js is very tough to learn. As an experienced laravel developer i can easily learn react and become fullstack developer.. Thanks again brother.. you are awesome
@robiulrobi6115
@robiulrobi6115 2 года назад
Nice and pure coding... 💚
@mti4225
@mti4225 2 года назад
Thanks for this. It helped me alot to learn many things in short time.
@riahiyassine7703
@riahiyassine7703 2 года назад
Thanks for the top effort that's you do to teach us...
@BINUKITTOOP
@BINUKITTOOP 2 года назад
👌👌👌👌👌 Keep going bro..! ❤️❤️❤️❤️❤️
@aboajahemmanuel6836
@aboajahemmanuel6836 2 года назад
Thanks for this video
@md.joynalalam551
@md.joynalalam551 2 года назад
Thanks, Sir!
@abhisheksaha265
@abhisheksaha265 3 года назад
I have installed laravel react. Can I use laravel packages like spatie roles-permission, dompdf and all. Usually this package i used directly in blade file in laravel. In React we have to create component, functional hook. Can I use this laravel package in component?
@maidulislam2145
@maidulislam2145 2 года назад
Thank you very much.
@babakdorani5914
@babakdorani5914 2 года назад
Thank you man
@syedmuqeet
@syedmuqeet Год назад
Thanks a lot!👍
@mahendranath2504
@mahendranath2504 2 года назад
Thank you 😭👍🏼🎉🙏⭐
@karimabid2106
@karimabid2106 2 года назад
Hi ! Thanks for your tutorial ! I tried to create your project with the react hooks but I have a problem with the EditStudent component. I can not get the student's values in my form. Someone can help please ? Thanks !
@rukmanikumari119
@rukmanikumari119 2 года назад
Nice video sir
@fahimforhad9058
@fahimforhad9058 3 года назад
nice work broo...one request broo add image in this crud.. it will best
@huy9251
@huy9251 2 года назад
nice tutorial
@bohlalenkoana7620
@bohlalenkoana7620 2 года назад
🔥🔥🔥
@lianglaw6923
@lianglaw6923 2 года назад
Man, I also prefer this kind of project architecture. Backend and frontend separate. The code is super clean. I saw some of the projects combines react into laravel and it make the project super messy.
@xXNJEEBXx
@xXNJEEBXx 2 года назад
Thanks💙
@mosesegboh
@mosesegboh 2 года назад
Lovely tutorial but one question I have is that won't one experience cors error when this application is in production because obviously, the frontend and backend will be hosted separately. Also how is the request to the backend authenticated if they are hosted separately. What is the best way to host such an application in production. Will be glad is anyone can answer this question.
@ugaresammedarun2754
@ugaresammedarun2754 2 года назад
thnk you a lot ,,i am looking for how to do in single project like frotnend and backend in one project
@ericknjekwa5194
@ericknjekwa5194 2 года назад
I have followed all the steps in posting data to the laravel Api but am getting a status code 419....did you do any special configurations on your Api so that you are not restricted?
@opiaaustin9384
@opiaaustin9384 2 года назад
great tutorial, please is there a repo for this ? please attach a link to repo
@AbbasMomeny
@AbbasMomeny 2 года назад
tnx a lot
@ryansalem9920
@ryansalem9920 Год назад
Hello Friend , Thank you for the knowledge , but I have question why componentDidMount() called twice
@amitkic
@amitkic 2 года назад
can you explain us how to use pagination
@HungPham-up7vd
@HungPham-up7vd 2 года назад
the extension au to import class laravel ???
@user-ol3hj2cc1e
@user-ol3hj2cc1e Год назад
Просто лучший. Если у кого есть вопросы по коду на laravel 9 + react 18.0.2 пишите, могу помочь
@philippemallari8077
@philippemallari8077 2 года назад
Hey I am having an error saying that 'Undefined method 'messages' help pls
@toshi5670
@toshi5670 2 года назад
For everyone who has Laravel 9. You can install Laravel 8 with the following command: composer create-project laravel/laravel="8.5.*" laravelapi in the C:\xampp\htdocs folder
@kongchada
@kongchada 2 года назад
This video is good, Can you create video the same this but use React-Typescript with Laravel Rest API?
@user-un3lj7iu7v
@user-un3lj7iu7v 2 года назад
How to manage from laravel end getting 419 error but in your video you are able to send without passing csrf token
@nupurwalia6833
@nupurwalia6833 2 года назад
Hi, I am not able to get this.props as its empty in EditStudent.js How can i get props?
@lusoclement3787
@lusoclement3787 Год назад
does this method work on laravel 10?
@umamaheswarisethu8744
@umamaheswarisethu8744 2 года назад
Do you have updated source code link? The link given has no file for Student.js.
@wavetechnology159
@wavetechnology159 2 года назад
please give source code link
@s1n1l
@s1n1l Год назад
hello sir i've tried this tutorial and its showing cors error when making post request using laravel 9 as backend and react 18+ as frontend. please help. thanks
@joseanotniomorenomariscal3948
@joseanotniomorenomariscal3948 2 года назад
hey but i cant see in code the students .js only other 3 can helpplease
@farabisteam6673
@farabisteam6673 2 года назад
i just want to make this clear,as i seen before at 30:00 the url use 2 port (3000 and 8000), will the routes from react.js and route from laravel not clash?
@fundacoder851
@fundacoder851 2 года назад
No, it will not clash. Bcz we are calling the path at :8000/laravel-url
@quantranminh3826
@quantranminh3826 2 года назад
@@fundacoder851 Can I have a question please. I encountered a prob call error 500: internal server error when try to input an example of student infor. When I try to reach localhost:8000/add-student they said this method is not work and stuff between get and post method. Do you know where it come from and how to solve it
@quantranminh3826
@quantranminh3826 2 года назад
@@fundacoder851 I'm new to laravel so all things i did is try to follow your code so it's hard for me to fix the bugs. Sorry but i really need to complete this pj, pls help and tks a a lot for your amazing course
@usamakhan143o
@usamakhan143o 2 года назад
Sir can you make a tutorial video how to upload this whole crud app with laravel backend and react frontend on any live server I am trying to upload but I am getting some issues in my laravel APIs please help me.
@user-un3lj7iu7v
@user-un3lj7iu7v 2 года назад
How to pass csrf token you are not sending in your article
@gregori3749
@gregori3749 2 года назад
How to use Laraver Events and get new data from Laravel to React. I see react view when is 5 student, and create new student. How to use event to render new React view?
@gregori3749
@gregori3749 2 года назад
I see render react view, when i add new student, how to use auto render new React View when is 6 students.
@hoklitzahox9935
@hoklitzahox9935 2 года назад
I'm getting the 'TypeError: this.props.match is undefined' error in EditStudent when trying to get 'stud_id', I'm using 'react-router-dom' v6, does anyone know how to fix this :'(
@fundacoder851
@fundacoder851 2 года назад
It's changed in react router v6. You have to use like: 1. To access url parameters : const params = useParams() params.your_id 2. To navigate in v6: history is replaced with useNavigate. Ans : const navigate = useNavigate() navigate('/path')
@sumonkhan-qd7nx
@sumonkhan-qd7nx 2 года назад
@@fundacoder851 i am also facing this problem but not get solution ..when i use const params = useParams() it show erros and message that not useParams() used in class component. how can solve it?? # @Funda Coder
@abi301000
@abi301000 3 года назад
please could u share repo? thank bro
@gttrackpro9433
@gttrackpro9433 2 года назад
i think i have some error when use validator ::make , it use for v.5 ? CMIIW
@gttrackpro9433
@gttrackpro9433 2 года назад
if you guys have same errror with validator::make. try to adding this use Illuminate\Support\Facades\Validator;
@satishksharma
@satishksharma 2 года назад
How to prevent CSS & CSRF attacks.
@AbbasMomeny
@AbbasMomeny 2 года назад
please record with ide large font
@jaylin6399
@jaylin6399 2 года назад
Hello! I have a question! My route is in web.php not in api.php. So I got a problem when I use fetch post to my laravel api ,it gave me this issue "CSRF token mismatch",how can I solved it. I don't want to change route. I want "CSRF token" in front-end but I dont's know how to do. Please help me. I have two project like yours.
@elkhanhamet2561
@elkhanhamet2561 2 года назад
you have to add headers in your fetch request. They are a must have with fetch
@thielicious2156
@thielicious2156 Год назад
4:00 Copies the line but types it out in the GIT Bash😁
@kanishkp699
@kanishkp699 2 года назад
Please show how to upload with image column and show how to get image column in reactjs!
@fundacoder851
@fundacoder851 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-IeNML5k2Ink.html This will help you.
@opiaaustin9384
@opiaaustin9384 2 года назад
@@fundacoder851 please we cant find a repo to this project, please attach a repo link . thanks
@TriNguyen-in1cx
@TriNguyen-in1cx 2 года назад
"$validator->message()" it my error and I can fix it, it said messager() is not a function :((
@fundacoder851
@fundacoder851 2 года назад
It's messages() . $validator->messages()
@hamaadfahim2916
@hamaadfahim2916 2 года назад
Try $validator->errors()
@elliotgaramendi
@elliotgaramendi 2 года назад
@@hamaadfahim2916 ¡Esta es la solución, muchas gracias! that's the solution! thanks!
@hamaadfahim2916
@hamaadfahim2916 2 года назад
@@elliotgaramendi No problem!
@riahiyassine7703
@riahiyassine7703 2 года назад
Can you please send me the code im new in react. .. thanks
@fundacoder851
@fundacoder851 2 года назад
I hope this helps you. fundaofwebit.com/post/crud-app-in-react-js-with-hooks-using-laravel-8-restful-api
@riahiyassine7703
@riahiyassine7703 2 года назад
@@fundacoder851 thanks for the link share ..
@farabisajib9769
@farabisajib9769 2 года назад
I show this error TypeError: Cannot read properties of undefined (reading 'map')
@longminhdone
@longminhdone 2 года назад
The variable that u use does not have value yet.
@hamaadfahim2916
@hamaadfahim2916 2 года назад
Check your Laravel controller if you are sending correct variables, you might have typos
@sayanta30
@sayanta30 2 года назад
this.props.match.params.id is giving a error when used inside a class component as shown in the video, can anyone help me with this issue. Thanks!!
@PranoySinha
@PranoySinha 2 года назад
I am a newbie in React and after reading a lot I have fixed this. Since react router 6 is a bit changed so this can be done by following: Add this snippet above your class def: function withParams(Component) { return props => ; } then async componentDidMount() { let { id } = this.props.params; console.log(id) } and finally export default withParams(Editstudent);
@PranoySinha
@PranoySinha 2 года назад
Can anyone enlighten me why I am getting console log prints data twice. TIA.
@philippemallari8077
@philippemallari8077 2 года назад
Hey I am having an error saying that 'Undefined method 'messages' help pls
@aboajahemmanuel6836
@aboajahemmanuel6836 2 года назад
as this been fixed?
@philippemallari8077
@philippemallari8077 2 года назад
@@aboajahemmanuel6836 not yet
Далее
Who has won ?? 😀 #shortvideo #lizzyisaeva
00:24
Просмотров 929 тыс.
Редакция. News: 124-я неделя
52:12
Просмотров 739 тыс.
Live-Coding: Laravel CRUD + Vue.js 3 Composition API
41:04
The Tools I Use to Build Products in Laravel
19:00
Просмотров 15 тыс.
React Junior Developer Interview (Questions & Challenge)
1:06:19
The Ultimate Guide To Forms In React Tutorial
1:01:47
Просмотров 77 тыс.
React + Laravel Full-stack Application | Build and Deploy
3:13:19
React Hook Form - Complete Tutorial (with Zod)
28:22
Просмотров 89 тыс.