Frameworks & Libraries Overview

// React (component example)
// function Counter() {
//   const [count, setCount] = useState(0);
//   return (
//     <div>
//       <p>Count: {count}</p>
//       <button onClick={() => setCount(count + 1)}>+1</button>
//     </div>
//   );
// }

// Vue (component example)
// <template>
//   <div>
//     <p>Count: {{ count }}</p>
//     <button @click="count++">+1</button>
//   </div>
// </template>
// <script setup>
//   import { ref } from 'vue';
//   const count = ref(0);
// </script>

// Node.js / Express (API example)
// const express = require('express');
// const app = express();
//
// app.get('/api/users', (req, res) => {
//   res.json([{ name: 'Alice' }, { name: 'Bob' }]);
// });
//
// app.listen(3000, () => console.log('Server running'));

// Which framework to learn?
const recommendations = {
  "Want jobs (any)?": "React → Next.js (most job listings)",
  "Want easiest start?": "Vue.js (gentle learning curve)",
  "Want enterprise?": "Angular (Google, banking, healthcare)",
  "Want full-stack JS?": "Node.js + Express + React/Next.js",
  "Want type safety?": "TypeScript (works with any framework)",
  "Want cutting-edge?": "Svelte / SvelteKit"
};

console.log("🗺️ Framework Recommendations:");
Object.entries(recommendations).forEach(([q, a]) => {
  console.log(`  ${q} → ${a}`);
});