React vs Vue

As I've recently started learning react , being an Ex Vue Developer. I can see the vision as well as difference of what make these two used for same purpose (Website) but in Different Condition.

React	Vue
High Learning Curve	Easy to Use
Huge Eco System	Minimal & Focused Eco System
Flexible Integration capability	Low Integration Capability
Prioritise Code Consistency	Prioritise Fast Project Building

If react is looking very Hard for you to learn , start with vue then you can choose to whether stay with vue or switch to react, as you learn basic concept such as components , props , event handling , conditional rendering faster with vue.

Lets Dive into CODE

Below is an Count Increment Example

• React

import { useState } from 'react'
import './App.css'

function App() {
  const [count, setCount] = useState(0)

  return (
    <>
      <div className="card">
        <button onClick={() => setCount((count) => count + 1)}>
          count is {count}
        </button>
        <p>
          Edit <code>src/App.tsx</code> and save to test HMR
        </p>
      </div>
    </>
  )
}

export default App

• Vue

<script setup lang="ts">
   let count = ref(0)
</script>

<template>
  <div>
    <div class="count" @click="count++"> 
      {{ count }}
    </div>
  </div>
</template>

<style scoped>
.count {
  background-color: #323232;
  padding: 1.5em;
}
</style>

As you can see , the same purpose can be acquired by both the Tech.

Conclusion

Learn React 💙

• If you want to get a job in frontend as fast as possible
• Want an Huge Eco System Support

Learn Vue 💚

• Want to learn frontend concepts quickly
• Start building Projects