aychtang / vite-ts-react-tdd

TDD starter for Vite TypeScript React projects

Home Page:vite-ts-react-tdd.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

README

Work in progress :) I'm building this repo to help educate on best practices for React readability and testing principles.

Please fork the repo to experiment and make changes!

Install

Test

pnpm test

Run

pnpm dev

The Continuous Deployment feedback cycle

  • Decide what to build
  • Write a new test for that behaviour
  • Write code to pass that test
  • Refactor
  • Merge new code to main branch
  • Automated deploy when code is merged

How we do this

  • Each page will have its own test file where we describe any new behaviour as a test before we write it
  • We then work on the new feature code and follow the red, green, refactor cycle of TDD
  • Before a commit happens, all the tests and prettifier are run to validate a commit
  • As soon as the commit is merged into the main branch on GitHub, Vercel picks up the change and deploys the latest version to vite-ts-react-tdd.vercel.app

About

TDD starter for Vite TypeScript React projects

vite-ts-react-tdd.vercel.app

License:GNU General Public License v3.0


Languages

Language:TypeScript 82.6%Language:CSS 13.3%Language:HTML 2.8%Language:JavaScript 0.6%Language:Shell 0.6%