https://github.com/mutoe/preact-realworld-example-app

Exemplary realworld application built with Preact
https://github.com/mutoe/preact-realworld-example-app

preact preact-hooks preact-router realworld tdd typescript

Last synced: about 1 month ago
JSON representation

Exemplary realworld application built with Preact

• Host: GitHub
• URL: https://github.com/mutoe/preact-realworld-example-app
• Owner: mutoe
• Created: 2019-11-25T05:04:54.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-19T06:44:32.000Z (almost 2 years ago)
• Last Synced: 2025-04-07T09:30:10.990Z (about 1 month ago)
• Topics: preact, preact-hooks, preact-router, realworld, tdd, typescript
• Language: TypeScript
• Homepage: https://mutoe.github.io/preact-realworld-example-app
• Size: 1.85 MB
• Stars: 44
• Watchers: 2
• Forks: 5
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ![RealWorld Example App](logo.png)

[![Build Status](https://img.shields.io/github/workflow/status/mutoe/preact-realworld-example-app/Node%20CI?style=flat-square)](https://github.com/mutoe/preact-realworld-example-app/actions)

[![Coverage Status](https://img.shields.io/coveralls/github/mutoe/preact-realworld-example-app?style=flat-square)](https://coveralls.io/github/mutoe/preact-realworld-example-app?branch=master)

> Forked from [hassanbazzi/preact-realworld-example-app](https://github.com/hassanbazzi/preact-realworld-example-app)

> ### [Preact X](https://github.com/preactjs/preact) codebase containing real world examples (typescript, hooks, wmr, fetch, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API.

### [Demo](https://github.com/gothinkster/realworld) [RealWorld](https://github.com/gothinkster/realworld)

This codebase was created to demonstrate a fully fledged fullstack application built with **[Preact]** including CRUD operations, authentication, routing, pagination, and more.

We've gone to great lengths to adhere to the **[Preact]** community styleguides & best practices.

For more information on how to this works with other frontends/backends, head over to the [RealWorld](https://github.com/gothinkster/realworld) repo.

# Getting started

```shell script

# install dependencies

yarn 

# start development

yarn start

# build

yarn build

# visualize bundle size

yarn build:visualize

```