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
Overview
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