DevDays Vilnius 2019

 

May 21-23, 2019

« BACK TO WORKSHOPS LISTHOMEPAGE

Maurice de Beijer

ABL – The Problem Solver,
The Netherlands

BIO

Maurice de Beijer is an independent software consultant and trainer. He specializes in JavaScript, React, Angular 2+ and ASP.NET MVC. His work includes a large, global, safety application for the oil and gas industry. Maurice is also active in the open source community. He teaches ECMAScript, TypeScript, React, Angular 4 and ASP.NET MVC courses. Since 2005, he has received Microsoft’s Yearly Most Valuable Professional Award. Further, Maurice is active in the Dutch dotNed user group and helps organize its meetings.

— WORKSHOP —

High-performance web applications with Preact

 

Abstract

In this full day workshop, you will learn why and how to create a Preact application from scratch. You will learn when choosing Preact over React makes sense and when it doesn’t. Next you will learn how to create a new Preact application using the Preact CLI. You will expand this basic application to a full-blown application while using Lighthouse and other performance tooling to keep the application as fast as possible. Finally, you will learn how to use the Preact-Compat NPM package to either post existing React applications or use standard React components in an existing Preact application.

Agenda

  • What is Preact and how does it differ from React
  • Create a new project using the Preact-CLI
  • Create new Preact components
  • Use the Preact router to navigate between routes
  • Best practices by separating presentational and container components
  • Use Bootstrap 4 with Preact
    • Adding a NavBar component
    • Using a Card component
  • Use Preact-Compat to use existing React components
  • Using the IntersectionObserver to only load images when they become visible

Target Audience

This workshop is targeted at developers who are new to Preact. Experience with modern ECMAScript, i.e. 2015 and later syntax using Babel, is required. Prior experience with React is useful but not required.

Level 2 – Intermediate material. Assumes knowledge and provides specific details about the topic.

Course Prerequisites

In order to participate you will need a laptop with Node 8 or later and NPM installed.