by developit

:repeat: Preact + Redux Example Project

196 Stars 53 Forks Last release: over 4 years ago (0.1.0) 25 Commits 1 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Preact Redux Example

A 9kb Preact + Redux boilerplate built with Preact CLI, implementing a To-Do List app.

As of

, now wonderfully simplified via preact-redux (no more preact-compat!).

Quick-Start Guide


1. Clone this repo:

git clone my-app
cd my-app

2. Make it your own:

rm -rf .git && git init && npm init

:information_source: This re-initializes the repo and sets up your NPM project.

3. Install the dependencies:

npm install

You're done installing! Now let's get started developing.

Development Workflow

4. Start a live-reload development server:

PORT=8080 npm run dev

This is a full web server nicely suited to your project. Any time you make changes within the

directory, it will rebuild and even refresh your browser.

5. Generate a production build in


npm run build

You can now deploy the contents of the

directory to production!

Example: deploy to

npm i surge && surge build -d


Apps are built up from simple units of functionality called Components. A Component is responsible for rendering a small part of an application, given some input data called

, generally passed in as attributes in JSX. A component can be as simple as:
class Link extends Component {
  render({ to, children }) {
    return { children };
// usage:



We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.