CourseFlix

Laravel with React JS - Build Twitter Like Real Time Web App

4h 56m 37s
English
Paid

Discover the power of combining React Js with Laravel to create dynamic and interactive web applications. In this course, you'll learn to build a Twitter-like real-time web app while delving into Modern JavaScript and React Js from the ground up. Ready to take your development skills to the next level? Dive in and start your journey!

Course Overview

Key Topics Covered

  • Core Modern JavaScript/EcmaScript basics
  • React Js fundamentals
  • Ajax with axios for asynchronous requests
  • Theoretical and practical explanations
  • Integration of React with Laravel for seamless development
  • Adding real-time functionality using Laravel Echo and Pusher Js
  • Implementing follow/unfollow functionality
  • Utilizing BelongsToMany relationships
  • Working with custom database tables
  • Leveraging Accessors methods and more

Learning Outcomes

  • Master Modern JavaScript/EcmaScript
  • Gain proficiency in React Js
  • Learn to integrate Laravel with React Js to build modern web applications
  • Start creating reusable React Components
  • Make Ajax GET and POST requests from a React frontend to a Laravel backend
  • Integrate real-time features by broadcasting events using Pusher Js and Laravel Echo
  • Advance to intermediate Laravel techniques
  • Explore React Js as an alternative or complement to Vue Js

Project You Will Build

By the end of this course, you will build a Twitter-like real-time web app featuring follow/unfollow functionality using Laravel as the backend and React Js as the frontend.

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 46 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 46 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Modern JavaScript
All Course Lessons (46)
#Lesson TitleDurationAccess
1
Modern JavaScript Demo
01:54
2
Creating variables using const
04:06
3
Creating variables using let
03:48
4
Template strings
05:10
5
Default parameters
03:25
6
Arrow functions
05:58
7
Arrow function and this keyword
10:11
8
Destructuring object
08:14
9
Destructuring an array
02:09
10
Restructuring
04:57
11
Spread and rest operator
07:32
12
Classes constructor and super
14:23
13
Installing react
05:24
14
React files and folders introduction
06:23
15
Storing data in component state via ajax call
10:59
16
Rendering state data using map
05:48
17
Conditional rendering
04:18
18
Imports exports props
09:36
19
Handling click events
07:40
20
Destructuring inline styling and keys
04:24
21
Installing Laravel and database setup
06:06
22
Implement username
06:20
23
Route group, controllers and views
07:05
24
React js scafffolding
07:33
25
Create form in react component
03:40
26
Post model, migration and relationships
05:29
27
Handling form events in react
07:16
28
Make a post request to laravel backend
05:32
29
Create post and response json
05:50
30
Show the tweets in timeline
11:54
31
Merging tweets in the state and render
02:56
32
Render tweets
02:58
33
User avatar
05:47
34
User profile
08:39
35
Follow functionality
08:42
36
Show follow or unfollow
03:18
37
Implement follow functionality
06:48
38
Implement unfollow functionality
03:19
39
Showing the list of following
05:53
40
Showing the list of followers
04:58
41
Json response of posts
11:05
42
Loading component
05:36
43
Making it real time using setInterval
07:21
44
Real time setup with pusher and laravel echo
05:16
45
Event Broadcasting for real time updates
11:34
46
Real time posts to specific user based on following
09:23
Unlock unlimited learning

Get instant access to all 45 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription