Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 5.5 hours on-demand video
  • 4 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Laravel

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.
Rating: 4.8 out of 54.8 (166 ratings)
771 students
Created by Ryan Dhungel
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

7 sections • 55 lectures • 5h 15m total length

  • Preview01:53
  • Preview04:05
  • Preview03:47
  • Preview05: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

  • 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

  • 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

  • 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

  • Styling and Adjustments
    08:04

  • Source code download link
    00:02

  • Build One Of The Biggest E-commerce App Ever
    00:13
  • 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

Instructor

Ryan Dhungel
Web Developer
Ryan Dhungel
  • 4.5 Instructor Rating
  • 12,559 Reviews
  • 157,465 Students
  • 22 Courses

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.

He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.