/render

Opinionated React Template

Primary LanguageTypeScriptMIT LicenseMIT


Render · Opinionated React Template

Opinionated React Template


Render

Opinionated React template setup with modern tooling, here some recommendations if needed

Technologies and tools

Highlights

File based routing

Authentication example

Custom hooks

Usage

By generating from this template then/or cloning locally

Getting started

Installation

# install dependencies
pnpm install

# install playwright browsers
pnpm playwright install --with-deps chromium

Development and build

# start development server · http://localhost:3000
pnpm dev

# build client for production
pnpm build

# start production preview · http://localhost:5000
pnpm preview

Testing — end-to-end and unit tests

# run all tests from the command-line
pnpm test

# run end-to-end tests in interactive mode
pnpm test:ui

# run end-to-end tests in headed browsers
pnpm test:headed

# run test generator to record an end-to-end test
pnpm test:record

Recommendations

Frameworks

Non-React Frameworks

Languages

Routing

Components

Build tools

Server state

Data fetching

Global state

Animation

License

MIT