Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/selemondev/reactjs-kenya-starter-template
A React.js Kenya starter template built with React, TypeScript and packed with powerful features to kickstart your web application development ✨.
https://github.com/selemondev/reactjs-kenya-starter-template
eslint eslint-config iconify react react-router react-router-dom-v6 reactjs redux redux-toolkit tailwindcss typescript unplugin-auto-import vitest
Last synced: 2 months ago
JSON representation
A React.js Kenya starter template built with React, TypeScript and packed with powerful features to kickstart your web application development ✨.
- Host: GitHub
- URL: https://github.com/selemondev/reactjs-kenya-starter-template
- Owner: selemondev
- License: mit
- Created: 2023-10-02T17:04:54.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-10T19:05:36.000Z (about 1 year ago)
- Last Synced: 2024-01-27T12:13:20.037Z (11 months ago)
- Topics: eslint, eslint-config, iconify, react, react-router, react-router-dom-v6, reactjs, redux, redux-toolkit, tailwindcss, typescript, unplugin-auto-import, vitest
- Language: TypeScript
- Homepage: https://reactjs-kenya-starter-template.netlify.app/
- Size: 79.1 KB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: CODEOWNERS
Awesome Lists containing this project
README
# 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](https://tailwindcss.com) - Utility-first CSS framework for efficient styling.
### Icons
- [Iconify](https://iconify.design) - Use your favourite icons from any icon sets [🔍Icônes](https://icones.netlify.app/)
### Plugins
- [React Router DOM](https://github.com/remix-run/react-router)
- [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - file based routing
- [React-Redux](https://react-redux.js.org/) - A state management solution for React application.
- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - Directly use React hooks and third party APIs without importing them.
### Coding Style
- [ESLint](https://eslint.org/)
### Dev tools
- [TypeScript](https://www.typescriptlang.org/)
- [Vitest](https://github.com/vitest-dev/vitest) - A fast unit testing framework powered by Vite.
- [Pnpm](https://pnpm.js.org/) - A fast and efficient disk space package manager.
- [Ni](https://github.com/antfu/ni) - A package that enables you to use the right package manager for your project.
- [VS Code Extensions](./.vscode/extensions.json)
- [Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite) - Fire up your Vite server automatically.
- [ES7+ React/Redux/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) - React IDE support.
- [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete.
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
## Get started
You can create a repository with this template [here](https://github.com/selemondev/ReactJs-Kenya-Starter-Template/generate)
or if you prefer to do it manually with a clean git history you can do as demonstrated below:
```bash
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
```bash
pnpm i
```
### Development
```bash
pnpm run dev
```
### Build
```bash
pnpm build
```
Builds your React application for production to the `dist` folder.
Enjoy ✨