ReactJs Kenya Starter Template

A React.js Kenya starter template built with TypeScript and packed with powerful features to kickstart and enhance your web application development.

Features

📁 File Based Routing: Each route in your application corresponds to a specific file or folder, simplifying route management and improving project organization.
🦾 TypeScript: Benefit from strong typing and enhanced developer productivity.
🔍 ESLint: Maintain code quality and consistency with ESLint for TypeScript.
🐙 React-Redux: A state management solution for React application.
⚡️ Vitest: A fast modern unit testing framework for Vite based applications.
🔥 Icons: Ready-to-use icons for your application.
📦 On Demand Imports: Optimize performance by auto importing APIs.
🎨 Tailwind CSS: Utility-first CSS framework for efficient styling.
🧰 Ni: Ni is a package that enables you to use the right package manager for your project..
🧩 Use hooks: A collection of modern, server-safe React hooks built to enhance the developer experience when building React apps.
🦑 Testing library: A lightweight tool designed for testing web pages. It facilitates querying and interacting with DOM nodes in the browser environment.
⚙️ Zero Config Deploy: Deploy to Netlify without any configuration.

Pre-packed

UI Frameworks

TailwindCss - Utility-first CSS framework for efficient styling.

Icons

Iconify - Use your favourite icons from any icon sets 🔍Icônes

Plugins

React Router DOM
- vite-plugin-pages - file based routing
React-Redux - A state management solution for React application.
unplugin-auto-import - Directly use React hooks and third party APIs without importing them.

Coding Style

ESLint

Dev tools

TypeScript
Vitest - A fast unit testing framework powered by Vite.
Pnpm - A fast and efficient disk space package manager.
Ni - A package that enables you to use the right package manager for your project.
VS Code Extensions
- Vite - Fire up your Vite server automatically.
- ES7+ React/Redux/React-Native snippets - React IDE support.
- Iconify IntelliSense - Icon inline display and autocomplete.
- ESLint

Get started

You can create a repository with this template here

or if you prefer to do it manually with a clean git history you can do as demonstrated below:

npx degit https://github.com/selemondev/ReactJs-Kenya-Starter-Template react-starter-template

cd react-starter-template

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Project setup

pnpm i

Development

pnpm run dev

Build

pnpm build

Builds your React application for production to the dist folder.

Enjoy ✨