⚡ React + TypeScript + Webpack Starter

A minimal React + TypeScript + Webpack starter template with SCSS Modules support.

---

A minimal React + TypeScript + Webpack starter template with SCSS Modules support.
✨ Ready for further integrations (e.g. Microfrontends, Module Federation, code splitting, etc.)

---

🌟 Features

• ⚛️ React 18 with TypeScript
• 🎨 SCSS Modules (imported via styles)
• 🛠 Structured Webpack config (ready for Microfrontends & Module Federation)
• 📦 MiniCssExtractPlugin for production builds
• 🚦 SPA-ready dev server with historyApiFallback

---

🚀 Tech Stack

• React 18
• TypeScript
• Webpack 5
• SCSS Modules (imported via styles)
• MiniCssExtractPlugin (for production CSS extraction)

---

📂 Project Structure

src/
  App.tsx              # main component
  App.module.scss      # styles for App (SCSS modules)
  index.tsx            # application entry point
  global.d.ts          # declaration for .module.scss
  

---

🎨 Styling

Styling is based on SCSS Modules.
Classes are imported as objects and referenced via styles.

Usage example:

// App.tsx
import React from "react";
import styles from "./App.module.scss";

const App = () => (
  <div className={styles.app}>
    <h1 className={styles.app__title}>⚡ Starter</h1>
  </div>
);

export default App;

⚙️ Webpack Configuration

This starter comes with a minimal but structured Webpack config,
ready for further integrations (e.g. Microfrontends, Module Federation, code splitting, etc.).