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 ✨