Development
Web Development
Laravel
React from scratch with Laravel (build Twitter like Web App)
4.2 (144 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
659 students enrolled

React from scratch with Laravel (build Twitter like Web App)

Learn Modern JavaScript/EcmaScript and React JS to build modern web apps with Laravel backend.
4.2 (144 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
659 students enrolled
Created by Ryan Dhungel
Last updated 12/2019
English
English [Auto]
Preview this course
React from scratch with Laravel (build Twitter like Web App)
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 3 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Be able to use React JS with Laravel
  • Gain deep understanding of Modern JavaScript
  • Understand React JS Fundamentals
  • User Follow/Unfollow functionality
  • Real Time integration using Pusher Js
Course content
Expand all 54 lectures 05:15:46
+ – Modern JavaScript / EcmaScript
12 lectures 01:11:35

NOTE:

ECMAScript (European Computer ManufacturersAssociation) updates that are released will be one above the last digit of the release year; that is, ES7/2016, ES8/2017, and ES9/2018.

Modern JavaScript
Preview 01:53
Creating variables using const
Preview 04:05
Creating variables using let
Preview 03:47
Template strings
Preview 05:09
Default parameters
03:24
Arrow functions
05:57
Arrow function and this keyword
10:10
Destructuring object
08:13
Destructuring an array
02:08
Restructuring
04:56
Spread and rest operator
07:31
Classes constructor and super
14:22
+ – React JS
8 lectures 54:24
Installing react
05:23
React files and folders introduction
06:22
Storing data in component state via ajax call
10:58
Rendering state data using map
05:47
Conditional rendering
04:17
Imports exports props
09:35
Handling click events
07:39
Destructuring inline styling and keys
04:23
+ – Laravel with React JS Project
23 lectures 02:23:42
Installing Laravel and database setup
06:05
Implement username
06:19
Route group, controllers and views
07:04
React js scafffolding
07:32
Create form in react component
03:39
Post model, migration and relationships
05:28
Handling form events in react
07:15
Make a post request to laravel backend
05:31
Create post and response json
05:49
Show the tweets in timeline
11:53
Merging tweets in the state and render
02:55
Render tweets
02:57
User avatar
05:46
User profile
08:38
Follow functionality
08:41
Show follow or unfollow
03:17
Implement follow functionality
06:47
Implement unfollow functionality
03:18
Showing the list of following
05:52
Showing the list of followers
04:57
Json response of posts
11:04
Loading component
05:35
Making it real time using setInterval
07:20
+ – Real time implementation with Pusher JS and Laravel Echo
4 lectures 26:17
Sign up with Pusher
00:07
Real time setup with pusher and laravel echo
05:15
Event Broadcasting for real time updates
11:33
Real time posts to specific user based on following
09:22
+ – Bonus Lectures
1 lecture 08:04
Styling and Adjustments
08:04
+ – Source Code
1 lecture 00:02
Source code download link
00:02
+ – BONUS LECTURES
5 lectures 11:40
REFERAL LINKS
00:03
React Node Social Network from Scratch to Deploy
01:48
React Node Ecommerce from Scratch to Deployment
00:54
React Node Multi User Blogging Platform with SEO
03:35
React Node Web Development with Ultimate Authentication
05:20
Requirements
  • Laravel basics
  • JavaScript basics
  • Local development environment setup to develop new Laravel project
Description

Do you want to use React Js with Laravel to build powerful web applications? How about building a twitter like real time web app while learning Modern JavaScript and React Js from scratch? If that sounds great, you will absolutely love this course!

 What this course covers?
  • Core Modern JavaScript/EcmaScript basics
  • React Js basics
  • Ajax with axios
  • Theoretical and practical explanation
  • Integration of React with Laravel
  • Adding Real time functionality using Laravel Echo and Pusher Js
  • Follow/Unfollow functionality
  • BelongsToMany relationship
  • Working with custom table
  • Accessors methods and more..

What you will learn by the end of this course?

  • Learn Modern JavaScript/EcmaScript
  • Learn React Js
  • Be able to combine Laravel with React Js to build modern Web Apps
  • Start writing React Components
  • Learn to make Ajax GET, POST requests from React Frontend to Laravel Backend
  • Real time integrations by Broadcasting events using Pusher Js and Laravel Echo
  • Learn Intermediate Level Laravel Techniques
  • Be able to use React Js as an alternative or replacement to Vue js

 What you will build by the end of this course?

  • Twitter Like Real Time Web app with follow/unfollow functionality using Laravel Backend and React Js Frontend
Who this course is for:
  • Laravel developers
  • Laravel Developers interested to switch from Vue JS to React JS
  • Anyone interested to learn Modern JavaScript and React JS
Featured review
Shaun Collins
Shaun Collins ( 2097 courses, 97 reviews )
a year ago
Ryan has made another great course combining React and Laravel, and I have also got to use Laragon which is an excellent application that links a virtual host, database, mailing system with your project! Ryan knows the subject in detail and has an engaging teaching manner, money well spent!