Vue बनाम React बनाम Angular
तीनों components से interfaces बनाते हैं, लेकिन size, syntax, और ये आपके लिए कितना decide करते हैं इसमें अलग हैं।
In this page:
Vue बनाम React बनाम Angular
Vue directives वाले HTML-like templates इस्तेमाल करता है और gentle defaults के साथ official routing और state libraries offer करता है।
React JSX इस्तेमाल करता है और ज़्यादातर choices आप पर छोड़ता है। Angular TypeScript, dependency injection, और कई built-in tools वाला एक पूरा framework है।
Team skills और project size के आधार पर चुनें।
Note:
तीनों same ideas share करते हैं: components, props, और reactive state।
उदाहरण: Vue vs React vs Angular
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
<div id="app">
<table border="1" cellpadding="6">
<tr><th>Tool</th><th>Style</th><th>Template</th></tr>
<tr v-for="f in frameworks" :key="f.name">
<td>{{ f.name }}</td><td>{{ f.style }}</td><td>{{ f.template }}</td>
</tr>
</table>
</div>
<script>
Vue.createApp({
data() {
return {
frameworks: [
{ name: "Vue", style: "Progressive", template: "HTML templates" },
{ name: "React", style: "Library", template: "JSX" },
{ name: "Angular", style: "Full framework", template: "HTML + TypeScript" },
],
};
},
}).mount("#app");
</script>
</body>
</html>
<!-- Output:
Rendered: ToolStyleTemplateVueProgressiveHTML templatesReactLibraryJSXAngularFull frameworkHTML + TypeScript
-->
Related Topics
{# common_mistakes/chapter_summary/browser_support: on Hindi pages the
view already swaps in the hi_ translation fields (or blanks these
out if untranslated), so this renders correctly for both languages
without a lang_code check here. #}
आम गलतियां
- यह मानना कि एक framework हमेशा सबसे अच्छा है
- अलग-अलग ages के versions compare करना
- project needs की बजाय hype के आधार पर चुनना
चैप्टर सारांश
- Vue templates और directives इस्तेमाल करता है
- React JSX इस्तेमाल करता है
- Angular एक batteries-included TypeScript framework है
- सब component based हैं
🔒
Chapter Quiz — Complete all 7 topics to unlock
0/7 topics done
Complete these topics first: