Skip to content
🔁 Preact + Redux Example Project
JavaScript CSS
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Remove unnecessary redux helper Nov 23, 2017
.editorconfig Initial commit Feb 7, 2016
.gitignore (chore) add to gitignore and fix few formattings Nov 22, 2016 Merge branch 'master' into removed-utils Nov 23, 2017
package.json Switch to Preact CLI Nov 23, 2017

Preact Redux Example

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

As of v2, 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

ℹ️ 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 src directory, it will rebuild and even refresh your browser.

5. Generate a production build in ./build:

npm run build

You can now deploy the contents of the build 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 props, generally passed in as attributes in JSX. A component can be as simple as:

class Link extends Component {
  render({ to, children }) {
    return <a href={ to }>{ children }</a>;
// usage:
<Link to="/">Home</Link>



You can’t perform that action at this time.