- Видео 118
- Просмотров 138 937
Code With ERaufi
Добавлен 27 июн 2021
Welcome to my channel where you'll find valuable insights, tips, and tutorials on full-stack development, web development, and programming. As an experienced developer, I'm passionate about sharing my knowledge and helping others hone their skills in this ever-evolving industry. Whether you're a beginner or an experienced developer, you'll find something of value here. Subscribe now to join a community of like-minded developers and stay ahead of the curve in the world of development.
Lesson 9 Laravel Inertia React Edit
Source code: github.com/ERaufi
Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within a single codebase. This approach streamlines your development process and keeps your project organized. Let's dive in and see how it's done!
Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within a single codebase. This approach streamlines your development process and keeps your project organized. Let's dive in and see how it's done!
Просмотров: 37
Видео
Lesson 8 Laravel Inertia React Filters
Просмотров 517 часов назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Lesson 7 Laravel Inertia React Pagination
Просмотров 9014 часов назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Lesson 6 Laravel Inertia React Datatable
Просмотров 16019 часов назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Lesson 5 Laravel Inertia React Validations
Просмотров 6814 дней назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Lesson 4 Upload File
Просмотров 21414 дней назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Lesson 3 Laravel Inertia React Create
Просмотров 5914 дней назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Lesson 2 Laravel Inertia React Layout
Просмотров 10621 день назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Lesson 1 Laravel Inertia React Installation
Просмотров 12921 день назад
Source code: github.com/ERaufi Hello guys, welcome to my channel! In this video, we are going to learn about Laravel and React, and how to connect these two powerful technologies using Inertia.js. If you are a full-stack developer working on a Single Page Application (SPA), instead of creating separate projects for the backend and frontend, it's more efficient to use Inertia.js and work within ...
Mastering Laravel & React WebSocket Configuration: Step-by-Step Guide
Просмотров 19928 дней назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd Dive into the world of real-time web applications with our comprehensive guide on configuring WebSockets using Laravel and React. In this video, we'll walk you through the essential steps to set up WebSockets in your Laravel backend and React frontend, ensuring seamless communication for real-time updates. Whether you're building a chat appli...
Build a Real-Time Laravel Live Dashboard with Charts using SSE | Step-by-Step Tutorial
Просмотров 699Месяц назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd Welcome to our step-by-step tutorial on creating a real-time live dashboard in Laravel using Server-Sent Events (SSE) and dynamic charts! In this video, we'll guide you through the entire process of setting up a responsive dashboard, integrating beautiful charts, and enabling real-time data updates with SSE. 📚 Chapters: 0:00 Introduction 2:35...
Laravel Auto Complete Search
Просмотров 369Месяц назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd package: tarekraafat.github.io/autoComplete.js/#/ autoComplete.js is a simple, pure vanilla Javascript library progressively designed for speed, high versatility, and seamless integration with a wide range of projects & systems.
Mastering Laravel: Custom Email Verification Tutorial
Просмотров 685Месяц назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd/ Unlock the full potential of Laravel with our comprehensive tutorial on custom email verification. In this step-by-step guide, we dive deep into Laravel's authentication system to demonstrate how to customize the email verification process to suit your application's unique needs. From generating custom verification links to handling email no...
Mastering File Management in Laravel: A Comprehensive Guide
Просмотров 5632 месяца назад
Source code: github.com/ERaufi Demo: stacktips.rf.gd/ In this tutorial, dive into the world of file management with Laravel. We'll explore a range of essential functionalities, from creating and renaming files to zipping folders and conducting targeted searches. Follow along as we delve into each route and its corresponding action, unveiling the power of Laravel in simplifying your file organiz...
Mastering Laravel 11 Roles and Permissions: A Comprehensive Guide
Просмотров 3 тыс.2 месяца назад
Source code: github.com/ERaufi Unlock the power of Laravel roles and permissions with our in-depth tutorial! Whether you're a beginner or an experienced developer, this video will walk you through everything you need to know to effectively manage user roles and permissions in your Laravel application. From basic setup to advanced techniques, we'll cover it all, empowering you to create robust a...
Laravel Push Notifications End to End Implementation (Web and Mobile)
Просмотров 2,2 тыс.2 месяца назад
Laravel Push Notifications End to End Implementation (Web and Mobile)
Mastering Laravel Custom Helpers: Supercharge Your Development Workflow!
Просмотров 1344 месяца назад
Mastering Laravel Custom Helpers: Supercharge Your Development Workflow!
Deploy Laravel Project For Free With Free SSL Certificate.
Просмотров 1,9 тыс.4 месяца назад
Deploy Laravel Project For Free With Free SSL Certificate.
Real-time Laravel Chat with SSE: Shared Hosting Solutions
Просмотров 5994 месяца назад
Real-time Laravel Chat with SSE: Shared Hosting Solutions
Laravel SSE Real-Time Notifications on Shared Hosting! No WebSockets, No Pusher, No Echo!
Просмотров 3 тыс.5 месяцев назад
Laravel SSE Real-Time Notifications on Shared Hosting! No WebSockets, No Pusher, No Echo!
Protect Your Laravel Code: A Guide to PHP Obfuscators for Enhanced Security
Просмотров 3605 месяцев назад
Protect Your Laravel Code: A Guide to PHP Obfuscators for Enhanced Security
Laravel Localization Mastery: Multilingual Web Development Guide
Просмотров 3005 месяцев назад
Laravel Localization Mastery: Multilingual Web Development Guide
Create DBSchema in less than 1 Minute
Просмотров 5866 месяцев назад
Create DBSchema in less than 1 Minute
Laravel & jQuery DataTables: Inline Editing, Row Reordering, Global Search, AJAX Pagination
Просмотров 5836 месяцев назад
Laravel & jQuery DataTables: Inline Editing, Row Reordering, Global Search, AJAX Pagination
Mastering Laravel Dusk: End-to-End Testing Made Easy | Laravel Dusk Tutorial
Просмотров 2,1 тыс.7 месяцев назад
Mastering Laravel Dusk: End-to-End Testing Made Easy | Laravel Dusk Tutorial
Building an Image Upload and Crop Feature with Laravel and Cropper.js
Просмотров 9017 месяцев назад
Building an Image Upload and Crop Feature with Laravel and Cropper.js
Basic CRUD operations using Laravel Folio
Просмотров 2698 месяцев назад
Basic CRUD operations using Laravel Folio
Excellent, have been trying how to migrate my db because by default it came as sqlite. Good job man.
Glad I could help
Let's now create a user profile Laravel app with a dynamic dashboard brother.
@@informationage8623 good luck
Not beginner friendly.
thanks for the comment. I am trying to improve the quality of the videos and the way i explain the topics. could you please explain which part was difficult to understand so i can improv it in the future
@@eraufi you were not explaining the "whys" when you pasted codes. If you noticed the comment below, someone got lost on how you added the APP_ID, token, and why. These explanations are important for beginners if they are your targets in some of your videos as all your videos cannot be for beginners which is very understandable. In the nutshell, the video is fine, but not for beginners. Great job you're doing 👍
@@elijahadejo2543 i really appreciate your comment. these kinds of comments help me a lot to improve. in the future, I will take those points into concentration thanks a lot
You still nead to get some knowledge about Laravel you did lots of mistakes
could you please explain them
wait what.. that is so cool bro keep going
Thank you, I will
can it work on flutter?
I am sorry but i don't have any experience with flutter
great and noce video
Thanks
Thanks
how to create REVERB_APP_ID ? where get?
it's in your laravel .env file you can check 10:28
How do you start the server in video 7.10? You are returning to your browser and it is supposed to automatically work, but it is not working. the error for me: The site can't be reached
i am using Laragon. so i don't have to run the application using PHP artisan serve. if you check the URL in the browser it end with .test
I have a question ! in method sendSSE was not contain looping, but i use inspect element and then saw in nework it ilke many response . please explain for me
you are right this is the nature of SSE to keep the connection alive. because it uses HTTP to send data from server to client instead of websocket. even if there is no new data you have to send a heart beat to keep the connection alive.
Can i get the repository?
you can find the web socket codes in this repo I've used it in the real time chart github.com/ERaufi/Laravel-Chartjs
@@eraufi Thanks a lot, is there a tutorial to create a project like that repo?
@@josuamanalu5110 yes. I have made a full playlist for that repo you can check here. ruclips.net/p/PLWiQT7FWaG1hwSaQzC6WC6JhmpPwIgBYL
@@eraufi Thankyou Sir, GBU 🙏
this is nice. but can you create something that has more like the user and admin using laravel reverb and react. with simple ui where a user purchase a order and a admin see it in real time without refreshing the page
this is what exactly currently i am working on it. i am making a full laravel 11 and react tutorial in a single code base.
@@eraufi thank you, i can't wait, when can we expect it
it's a complete tutorial so it will take some time but i will try to upload it regularly as soon as they finish
Hello...can i use this method to update data in other users tables in blade view
sorry i don't understand the question can you please explain a little bit more
@@eraufi Hello,I think he meant to say, is it possible to also make the interface update at each new notification. Like if the notification says 'new message' and I have the messages page opened, will it be possible to show new message directly on the page ?
@@yAndErESeeKeR off course. yeah it's possible. from the server you can send a custom notification and in front end where you listen to the notification in there you can create a condition to do what ever you want. like show the page. or go to other page
@@eraufi Okay thank you
😮😮😮
Can we make chat app by this method?
yes you can. I already made a chat app using this method you can check it in my github repo. github.com/ERaufi/LaravelProjects
@@eraufi thanks you ❤
Very nice but how if we have dependency functionality like state, districts, blocks nd villages. I mean fetching villages based on selected block..
thank you. I think the best way to handle this. is to create an event listeners for your blocks and villages so when ever they change fetch the dependent data from the server using ajax
great tutorial. Thank you. Please can you add the listener of online users and somthing like css sign which can inform us by looking the sender profile that it contain the new messages. This sign will disapear on a click in the user profile. sorry for my demande. Thank you.
Thanks to you. i will add it in my todos list hope fully in the future i will add
Route::view("/hello","dummy")
right
I like that 😊
thanks
thank you
most wellcome
hello your video is so good.. I just want to ask if this will work on productions even in high traffic or a lot of users. Is theres any effects on servers
for the first question. yes, it can work on production you can test it on my website. stacktips.rf.gd/ and for the second question. it depends on how many users are working at the same time. and your server configurations. for example Consider a server with 4 CPU cores and 8 GB of RAM. With efficient configuration and assuming each connection requires around 1 MB of RAM, you might be able to handle somewhere between 2,000 to 5,000 concurrent connections, depending on the exact workload and application efficiency.
thanks brother, you saved me.
Glad I could help
this is the most interesting tutorial... thanks a lot my brother
Thanks to you.
wow, thank you. What laravel version are you using?
laravel 11
I have an issue of not receiving event in frontend. Do I need to do $this->broadcastVia('reverb') inside Event?
what are you using in frontend?
@@eraufi I'm using vue
@@ShilpaPradeep-ss9hm in that case create a public channel first and test it. you can follow the steps in the video starting from 3:00 up to 9:00. if everything was working fine than create a private channel.
@@eraufi Thanks you for your reply. I have one more doubt, do we need to create reverb account like how we did in pusher?
@@ShilpaPradeep-ss9hm no. no need for creating any account
I am new to laravel and broadcasting, i followed your video and applied it in my single page application that i just created, however, I am getting broadcasting/auth 403 forbidden error, and also i checked the laravel.log, i have Array to string conversion error on my Event.php file, i hope you can help me with this
broadcasting/auth 403 forbidden. since you are making a SPA.I think you are using Vue or React and working with tokens. in that case, you are not sending the token. I found a StackOverflow question based on your question you can check that. stackoverflow.com/questions/41728930/laravel-broadcasting-auth-always-fails-with-403-error
@@eraufi yes i am using vue js3 laravel 11 reverb. Thank you
Greatttttt😮😮
thank you
How to setup a private chat room with laravel api and vue frontend with Reverb?
you can create a private channel for that and give it a name then assign the users.
Great 😮
thanks
i get this error if anybody know the solution please help me.🙏🙏 and here File(/home/iamnk/Documents/projects/abc/storage/logs) is my local dir why it showing here ? ErrorException is_dir(): open_basedir restriction in effect. File(/home/iamnk/Documents/projects/abc/storage/logs) is not within the allowed path(s): (/php_sessions:/tmp:..:/var/www/errors:/usr/share/pear:/home/vol10_1/infinityfree.com/if0_36519673/htdocs)
this is brailliant, thanks for posting. I was able to easily get all this working with Laravel 11 and reverb. I like your approach to using a mininum of code so it is straight forward to see what code is needed to be just enough to get things working. True MVP. in my experiments, my browser started playing up and I restarted it also, as well as chaning timeouts for the echo script. I also chose to use document.addEventListener("DOMContentLoaded", function () { console.log('starting public channel, ...'); window.Echo.channel('testChannel') .listen('testingEvent', (e) => { console.log(e); }); }); as I found with my brosers sessions this, for now seemed to solve latency issues thanks again for this straigh forward, easy to follow walk through of Laravel 11, sockets and reverb
thanks a lot for your comment. such comments motivate us to continue.
Thank you sir🙏
Most welcome
Os testes só rodam em URL local?
normalmente executo o teste em um host local, ainda não verifiquei o projeto ao vivo
Everything ok till I started testing the forms, I followed all the steps and I got this error (I am using docker and sail) unknown error: net::ERR_CONNECTION_REFUSED (Session info: chrome=124.0.6367.78) . I saw in the video that you also get this error sometimes? Is there a solution? I am google it, but at the moment I did not find any solutions. Thanks for the video.
it's mean that the dusk did not found the URL you give it. when you typed ->visit('URL') just copy the full URL from the browser you are working
if the above solution did not work. then in that case update your chrome driver. by running this command. php artisan dusk:chrome-driver --detect and it will detect and install your current chrome version. after installation is finish go to YOUR_PROJECT_FOLDER/vendor/laravel/dusk/bin and in there you will find chromedriver.exe run that don't close it and then run your tests
@@eraufi I think you mean running this code inside a test method right ? echo 'url: ' . $browser->driver->getCurrentURL(); . After running my test the result is kind of weird: "url: data:," . The value is data? I am a bit confused :) .
@@eraufi I run this inside the container and outside, same result: root@2efb103c2afe:/var/www/html# php artisan dusk:chrome-driver --detect Chrome version could not be detected. ChromeDriver binary successfully installed for version 124.0.6367.155.
@@dontysk if you are getting url: data it mean that you have not passed the URL. please use ->visit('Your_PROJECT_URL') see 3:49 in the video up to 5:15 or you can check the source code here github.com/ERaufi/LaravelProjects/blob/main/tests/Browser/CheckCRUDTest.php
i liked your video thanks for this one
Thank you too
How can i find source code in the link?
you can find it in my github repo: github.com/ERaufi/LaravelProjects
Thank you for this wonderful explanation. I have a question: When working on two separate projects like Laravel and Angular, do I need to make such configurations and code for each to work?? Please, if you have enough time, create a video on this matter because I couldn't find any explanation on it. Also, what is the difference with the library laravel-websockets?
Yes, absolutely. laravel-websocket github repo has been archived. so we need to use laravel reverb to websockets. up to laravel 10 we used laravel-websockets
@@eraufi Oh, I didn't notice that, I have used Laravel-websockets in my current project. Thank you for this. But I am facing difficulty with the library and how to host it on the server.
@@m7mmadomar you can read more about it in the official documentation laravel.com/docs/11.x/reverb
Your video is extremely meaningful, I learned a lot from it
thanks a lot
Wow like that 😮😮
thank you
Thank you! Can you create a tutorial for a Kanban Board using alpine, sir?
You're welcome!
In my case, i could pushed just the message that i send in real time without Api or something like that, but i couldn't pushed in real time message received. That's the problem I'm trying to resolve. So i tried to use setInterval but that method make so hot my device.can you help me?
sorry but can you please explain a little bit more i did understand what problem you are facing
I'm looking for a way to show on my page, messages received without to use websocker or API. I could show message that I send but for message received ,I need every time to refresh the page before to see. That is the mater. @@eraufi
Uncaught TypeError: Cannot read properties of undefined (reading 'pirvate') . I changed milliseconds but it doesn't work for me 🤔
in that case check your resources/js/app.js. check if it's loaded correctly if the echo.js is there
@@eraufi Yeap it's working... thanks bro.
you are the best bro
thanks a lot. you too
I have a issue with private event, it's not working!!
can you please be more specific about the problem you are facing
@@eraufi I forgot to add ShouldBroadcast in the event
@@eraufi Can I ask you something?
@@eraufi Can I connect flutter to it?
@@quyle2185 sorry i have not worked with Flutter. i don't know about it. but I think you can. the back end would be the same only you have to do the flutter logic
I am very clear after watching this video, thank you so much bro.
You are most welcome
where is the formsController.read? you never show us FormsController.php and i don't know what is going on in read method i really need your laravel source codes
can you share the source code of yours i mean Laravel Project with FormBuilder ? i need to see controllers with detail
you can find it my github repo. github.com/ERaufi/LaravelProjects
@@eraufi Thank you
Can you please add functionality to upload files as well
Sure I will add file upload functionality. after few days you can check in the github repo
you can check the my github repo for file upload functionality. it has been added. github.com/ERaufi/LaravelProjects
@@eraufi okay brother I'll check in morning
@@eraufi userData JSON has not file data? how i can save files in database?
@@talhashaikh5504 save the file to the public folder and save the file name and path to JSON. you can see a demo here. line number 35 and 37 github.com/ERaufi/LaravelProjects/blob/main/app/Http/Controllers/FormsController.php
thankyou very much, this video give me idea for my project 👍👍
Most welcome 😊
Very help ful thank u so much more videos plz
thanks. I will try my best
😮😮😮 nice
thanks