React vs Vue - I Built the Same App in Both Frameworks

The Codeholic January 3, 2023
Video Thumbnail
The Codeholic Logo

The Codeholic

View Channel

About

The purpose of the channel is to share my 12+ years of experience to beginner developers. Teach them what I know and make my experience as a lesson for others.

Video Description

In this video I'm going to build the exact same application in two Frameworks React and Vue.js. We're going to cover the following topics: 1) setup router and create multiple routes 2) generate router links 3) get Road parameters 4) making API calls 5) pass props from parent to child components 6) emit events from child to parent 7) hooks 8) event handlers 9) two-way data binding 10) form submission 11) dynamically bound properties 12) conditionals 13) loops and 14) finally we're going to also have a look at the State Management. That's going to be the perfect project if you want to compare how these two Frameworks work in multiple aspects. Repository URL https://github.com/thecodeholic/react-vue-comparison Support me by subscribing - https://bit.ly/2xTQOI0 If you really love my content and want to support the channel: 🔥 Check my full course "Build and Deploy Laravel E-commerce Website with Vue.js Admin Panel" at https://thecodeholic.com 👉 My Patreon https://www.patreon.com/thecodeholic Table of Contents ---------------------------- 00:00:00 - Intro 00:00:38 - Generate projects 00:02:03 - Project Structure and Cleanup 00:04:37 - Output Object in Template 00:06:15 - Setup Router and Routes 00:10:16 - Make request and get posts 00:13:15 - Render posts 00:18:00 - Post Delete 00:23:26 - Render Post Form 00:34:07 - Post Create 00:43:22 - React PropTypes 00:44:57 - State Management 🖱️Follow me on social media:🖱️ https://twitter.com/thecodeholic https://www.facebook.com/thecodeholic https://www.instagram.com/thecodeholic Check my Github: https://github.com/thecodeholic

You May Also Like

Upgrade Your Gear Essentials

AI-recommended products based on this video

Loading...
COTUBLR 31 Inch Computer Desk, Home Office Desk, Simple Modern Small Desk for Bedroom, Writing Desk with Storage Bag, Study Table for Students, Grey Oak

COTUBLR 31 Inch Computer Desk, Home Office Desk, Simple Modern Small Desk for Bedroom, Writing Desk with Storage Bag, Study Table for Students, Grey Oak

(180)
$64.99
FREE delivery Thu, Jun 26
Loading...
Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Hard Back & Silicone Edge Case, 6.7" 2025, Dark Purple

Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Hard Back & Silicone Edge Case, 6.7" 2025, Dark Purple

(174)
$27.99
FREE delivery Sat, Jun 14 on your first order
Loading...
Vihibii for Samsung Galaxy S25 Ultra Case with Card Holder (4 Cards), RFID Blocking & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.9" 2025, Black

Vihibii for Samsung Galaxy S25 Ultra Case with Card Holder (4 Cards), RFID Blocking & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.9" 2025, Black

(174)
$27.99
FREE delivery Sat, Jun 14 on your first order
200+ bought in past month
Loading...
Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7", Green

Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7", Green

(174)
$27.99
FREE delivery Sat, Jun 14 on your first order
Loading...
Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7" 2025, Blue

Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7" 2025, Blue

(174)
$27.99
FREE delivery Sat, Jun 14 on your first order
Loading...
TAURI for iPhone 17 Pro Max Case 6.9" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard

TAURI for iPhone 17 Pro Max Case 6.9" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard

(0)
$10.76
FREE delivery Thu, Oct 16 on your first order
2K+ bought in past month
Loading...
Ailun 3 Pack Screen Protector for iPhone 17 [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

Ailun 3 Pack Screen Protector for iPhone 17 [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

(216,515)
$9.67
Prime
2K+ bought in past month
Loading...
TAURI for iPhone 17 Pro Case 6.3" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard
Best Seller

TAURI for iPhone 17 Pro Case 6.3" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard

(61,696)
$10.76
Prime
2K+ bought in past month
Loading...
Ailun 3 Pack Screen Protector for iPhone 17 Pro [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

Ailun 3 Pack Screen Protector for iPhone 17 Pro [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

(216,323)
$9.67
Prime
Loading...
SmallRig FX3 / FX30 HawkLock Quick Release Camera Cage Kit for Sony with XLR Handle Extension, Wrist Strap and Cable Clamp for HDMI, QR Cold Shoe, NATO Rail/QR Plate for Arca,Titanium Gray - 4771

SmallRig FX3 / FX30 HawkLock Quick Release Camera Cage Kit for Sony with XLR Handle Extension, Wrist Strap and Cable Clamp for HDMI, QR Cold Shoe, NATO Rail/QR Plate for Arca,Titanium Gray - 4771

(72)
$174.24$162.04
FREE delivery Thu, Jun 19
Loading...
10 Inch Tablet, Android 15 Tablets with 18GB RAM+128GB ROM(Expand to 1TB), Octa Core 1280 * 800 IPS HD Display, 6000mAh Battery, Dual 5MP+8MP Camera, 5G/2.4G WiFi

10 Inch Tablet, Android 15 Tablets with 18GB RAM+128GB ROM(Expand to 1TB), Octa Core 1280 * 800 IPS HD Display, 6000mAh Battery, Dual 5MP+8MP Camera, 5G/2.4G WiFi

(40)
$109.99
FREE delivery Wed, Aug 27
100+ bought in past month
Loading...
LICAEVEY 84MP Digital Camera, 6K 18X Optical Zoom Wide Angle DSLR Camera, 1500mAh Li Battery 3 Inch LCD Vlogging Camera for Travel Recording Video (Black)

LICAEVEY 84MP Digital Camera, 6K 18X Optical Zoom Wide Angle DSLR Camera, 1500mAh Li Battery 3 Inch LCD Vlogging Camera for Travel Recording Video (Black)

(0)
$124.30
FREE delivery Aug 19 - 29
Loading...
eufy Security, eufyCam S220 (eufyCam 2C Pro) 2-Cam Kit, Wireless Home Security Camera, 2K Resolution, 180-Day Battery Life, HomeKit Compatibility, IP67, Night Vision, Motion Only Alert, No Monthly Fee

eufy Security, eufyCam S220 (eufyCam 2C Pro) 2-Cam Kit, Wireless Home Security Camera, 2K Resolution, 180-Day Battery Life, HomeKit Compatibility, IP67, Night Vision, Motion Only Alert, No Monthly Fee

(2,743)
$219.99
FREE delivery Thu, Sep 4
100+ bought in past month
Loading...
Weelikeit Tablet 10 inch, Android 14 Tablets with Octa-Core Processor 12GB(6+6) RAM 128GB ROM, 1200x1920 FHD Screen, 5G WiFi, 5MP+13MP Dual Camera, Bluetooth 5.0, 7000mAh Battery (Gray)

Weelikeit Tablet 10 inch, Android 14 Tablets with Octa-Core Processor 12GB(6+6) RAM 128GB ROM, 1200x1920 FHD Screen, 5G WiFi, 5MP+13MP Dual Camera, Bluetooth 5.0, 7000mAh Battery (Gray)

(100)
$79.99
FREE delivery Wed, Aug 27
Loading...
Inland 32GB Class 10 SDHC Flash Memory Card Standard Full Size SD Card USH-I U1 Trail Camera by Micro Center (2 Pack)

Inland 32GB Class 10 SDHC Flash Memory Card Standard Full Size SD Card USH-I U1 Trail Camera by Micro Center (2 Pack)

(41,906)
$35.32$35.15
FREE delivery Sun, Jun 15
Loading...
AKASO V50 Elite 4K60fps Touch Screen WiFi Action Camera Voice Control EIS 131 feet Waterproof Camera 8X Zoom Remote Control with with 64GB U3 MicroSDXC Memory Card Global Recycled Standard

AKASO V50 Elite 4K60fps Touch Screen WiFi Action Camera Voice Control EIS 131 feet Waterproof Camera 8X Zoom Remote Control with with 64GB U3 MicroSDXC Memory Card Global Recycled Standard

(848)
$219.99
FREE delivery Sun, Aug 24
Loading...
2 Pack Micro Memory Card 128 GB with Adapter, C10/U3/UHS-I/A1, TransFlash Card, TF Card for Camera, Smartphone, Tablet, Drone (Red 128GB *2)

2 Pack Micro Memory Card 128 GB with Adapter, C10/U3/UHS-I/A1, TransFlash Card, TF Card for Camera, Smartphone, Tablet, Drone (Red 128GB *2)

(1,022)
$28.49
FREE delivery Sun, Aug 10 on your first order
500+ bought in past month
Loading...
Mini Body Camera Video Recorder, Pocket Camera, Tiny Camera, Nanny Small Cam, Body Spy Camera, Small Security Camera for Home Outdoor Office and More (with 32G Red Super high-Speed Memory Card)

Mini Body Camera Video Recorder, Pocket Camera, Tiny Camera, Nanny Small Cam, Body Spy Camera, Small Security Camera for Home Outdoor Office and More (with 32G Red Super high-Speed Memory Card)

(128)
$75.98
FREE delivery Jun 16 - 19 Only 3 left in stock.
Loading...
NEEWER Zf Handgrip L Shape Grip for Nikon Z f, Ultra Thin Retro Formfitting Camera Mounting Baseplate with Handle & Aluminum Shutter Button Cap, Compatible with Arca Swiss Tripod Fluid Head, CA073

NEEWER Zf Handgrip L Shape Grip for Nikon Z f, Ultra Thin Retro Formfitting Camera Mounting Baseplate with Handle & Aluminum Shutter Button Cap, Compatible with Arca Swiss Tripod Fluid Head, CA073

(236)
$33.99
FREE delivery Thu, Jun 19 on your first order
Loading...
NEEWER CA076 Zfc Handgrip L Shape Grip for Nikon Z fc, Ultra Thin Retro Formfitting Camera Mounting Baseplate with Handle/Brass Shutter Button, Compatible with Arca Swiss Tripod Fluid Head, Black

NEEWER CA076 Zfc Handgrip L Shape Grip for Nikon Z fc, Ultra Thin Retro Formfitting Camera Mounting Baseplate with Handle/Brass Shutter Button, Compatible with Arca Swiss Tripod Fluid Head, Black

(175)
$33.99
FREE delivery Thu, Jun 19 on your first order
Loading...
ANXRE 71" Phone Tripod, NT79 Extendable Selfie Stick for Cell Phone&Camera Photo Video Kits, Travel Tripod Stand with Remote for Video Recording, Phone Holder Tripod Compatible with Phone Camera Gopro

ANXRE 71" Phone Tripod, NT79 Extendable Selfie Stick for Cell Phone&Camera Photo Video Kits, Travel Tripod Stand with Remote for Video Recording, Phone Holder Tripod Compatible with Phone Camera Gopro

(752)
$23.99
FREE delivery Tue, Aug 19 on your first order
2K+ bought in past month