Skip to content

xfathurrahman/react-three-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + Three Fiber - Vite - Starter

evZ0KX

About the Project

This project is a starter template for building applications with React Three Fiber (R3F) and Vite. It includes a set of tools and configurations to help you get started quickly with modern web development practices.

Stack

So far, Bun is working perfectly for this project.

Bun

  • React: A JavaScript library for building user interfaces.
  • React Three Fiber: A React renderer for Three.js.
  • Vite: A fast build tool and development server.
  • Vite-PWA: Generate assets for Progressive Web Apps.
  • TypeScript - SWC: A strongly typed programming language that builds on JavaScript.
  • Tailwind CSS: A utility-first CSS framework.
  • ESLint: A tool for identifying and fixing problems in JavaScript code.
  • Prettier: An opinionated code formatter.
  • Husky: Git hooks made easy.
  • Lint-Staged: Run linters on git staged files.
  • Commitizen: A tool to help you write commit messages.
  • Standard Version: Automate versioning and changelog generation.
  • Vitest: A Vite-native unit test framework.

Features

  • Fast Development: Leverage Vite's fast build and development server.
  • Type Safety: Utilize TypeScript for type safety and better developer experience.
  • Code Quality: Maintain high code quality with ESLint and Prettier.
  • Commit Standards: Use Commitizen and Standard Version for consistent commit messages and versioning.
  • PWA Support: Easily generate assets for Progressive Web Apps.
  • Unit testing with Vitest. ( Works for Three Object too ✨ )

Test result with Vitest UI

Vitest