YoVDO

Up and running with Preact

Offered By: egghead.io

Tags

React Courses Web Development Courses Redux Courses Webpack Courses React Router Courses Babel Courses

Course Description

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

Related Courses

Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
React Router and Redux
Microsoft via edX
Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
React - The Complete Guide 2024 (incl. Next.js, Redux)
Udemy
The Ultimate App Making Course! Master Many Coding Skills!
Udemy