Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Up and running with Preact

via egghead.io

Overview

In this course we will begin with nothing more than an empty directory & a text editor. Through small, focussed lessons we’ll learn how to setup our app with Webpack & Babel and how to configure these tools for use with Preact. Then we’ll move on to learning how to create components and how the Preact API mirrors that of React - highlighting the differences/additions along the way. Finally we’ll look at the interoperability with existing popular libraries in the React community such as Redux & React Router and with the popular development tools such as Redux Dev Tools & React Dev-Tools

Syllabus

  • Install Development Tools for Preact
  • Configure Webpack 2 and Babel for use with Preact
  • Create a Hello World App with Preact
  • Define Functional Components in Preact
  • Define Stateful Components in Preact
  • Use State and Props in the Component Render Function
  • Use Link State to Automatically Handle State Changes
  • Reduce the Size of a React App in Two Lines with preact-compat
  • Handle Simple Routing with preact-router
  • Integrate react-router with Preact
  • Integrate Redux with Preact
  • Use Redux Dev-Tools with Preact

Taught by

Shane Osbourne

Reviews

4.4 rating at egghead.io based on 21 ratings

Start your review of Up and running with Preact

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.