Understand Different Types of Frameworks & Languages

[Nikesh]

Frameworks help developers build applications efficiently by providing predefined structures, tools, and best practices. They vary based on purpose, language, and use case. Here are some common types:

1. Frontend Frameworks (UI-focused)
   • Vite (Build Tool for Frontend) – Fast build tool optimized for modern web development. It supports frameworks like React, Vue, and Svelte.
   • React (JavaScript/TypeScript) – Component-based UI library.
   • Vue.js (JavaScript/TypeScript) – Lightweight, reactive framework.
   • Angular (TypeScript) – Full-fledged frontend framework with built-in features.
   • Svelte (JavaScript/TypeScript) – Compiler-based UI framework with minimal runtime.
2. Backend Frameworks (Server-side)
   • Express.js (JavaScript/Node.js) – Minimalist web framework.
   • NestJS (TypeScript/Node.js) – Scalable backend framework based on Express.
   • Django (Python) – High-level framework with built-in ORM.
   • Flask (Python) – Lightweight framework for microservices.
   • Spring Boot (Java/Kotlin) – Enterprise-grade backend framework.
3. Full-Stack Frameworks
   • Next.js (React + Node.js) – Server-side rendering & static generation.
   • Nuxt.js (Vue + Node.js) – Similar to Next.js but for Vue.
   • Ruby on Rails (Ruby) – Convention-over-configuration web framework.
   • Laravel (PHP) – Elegant PHP framework with MVC support.
4. Mobile Frameworks
   • Flutter (Dart) – Native-like apps for iOS, Android, and web.
   • React Native (JavaScript/TypeScript) – Cross-platform mobile development.
   • Ionic (JavaScript/TypeScript) – Web-based mobile apps.

---

Minimal Example: Setting Up Vite with TypeScript
Vite is a modern build tool that provides near-instant Hot Module Replacement (HMR) and optimized builds.

Steps to Create a Vite React TypeScript Project:

1. Open Terminal and Run:
   

   npm create vite@latest my-app --template react-ts

   or using Yarn:
   

   yarn create vite@latest my-app --template react-ts

2. Navigate into the Project:
   

   cd my-app

3. Install Dependencies:
   

   npm install

   or
   

   yarn install

4. Run the Development Server:
   

   npm run dev

   or
   

   yarn dev

After this, Vite will start a local development server, and your React TypeScript project will be ready to use.