Web Components In Drupal

Use web components instead of Twig for your design system. Drupal loves it!

StencilJS

Windows For Modern Development

Windows is a viable operating system to work within Node and Docker thanks to Windows Subsystem For Linux 2.

Gutenberg

A Squarespace-like editor for Drupal that ALMOST was.

Sass Modules

Writing Testable JavaScript

Intro to Contemporary Frontend Tooling

A guide through frontend tooling used at Phase2.

RxJS

Quick poke at RxJS

Styling in 3022

Tailwind brings utility-first styling and design tokens to frontend development.

VueJS & TypeScript

A quick crash course in TypeScript followed by an introduction to using TypeScript within Vue. Video: https://www.youtube.com/watch?v=5-P6Uk5m7Z8

Multiple React widgets within CMS-generated HTML

The Perfect Drupal JavaScript Behavior

Tips and best practices to write quality JavaScript in Drupal.

Exploring Elixir

Particle: Build Your Own Design Systems

We'll learn how the following features of the project fit together to build Design Systems that are independent of any application or CMS: Webpack bundling Webpack dev server Gulp Iconfont auto-generation Bootstrap 4 integration Javascript and Sass linting Design systems integration to a Drupal and Pattern Lab "app". Video: https://www.youtube.com/watch?v=uYQjN9Ydgqk

Redux: Because you're not that good at state management

Redux is a simple library that provides dependable state management to your apps. STOP STORING STATE IN HTML. Video: https://www.youtube.com/watch?v=MqqNA8tkNZs

Angular/ReactNative

Elm: Build Elegant UIs the Functional Way

Elm is a language that compiles to javascript that provides the features of many custom javascript libraries in one. Let's take a quick tour of neat things that Elm can do.

Atomic Design

Drupal 8: The Awesome Parts

Drupal 8 Migrations