Tips

A collection of web development tips from professional software engineers

eggo opening up a javascript planet

Setup and Dive into the React 19 Compiler Optimizations

Setup and Dive into the React 19 Compiler Optimizations by Tomasz Ducin
15m 19s

The recent React 19 Compiler has been shown during React Conf 2024. It introduces tremendous performance improvements into react component rendernig process. And can be plugged in into existing codebases.

In this video we analyze the output of transpiling a simple react component with and without the compiler. We also analyze how exactly does react introduce the optimizations. Lots of interesting facts covered

Create a Computed Signal in Modern Angular

Create a Computed Signal in Modern Angular by Tomasz Ducin
36s

Computed properties allow you to display information based on state that you are tracking which update when your state updates. We'll see how to accomplish this with Angular Signals.

Use Native CSS Parts to Access the Shadow DOM in an Ionic Component

Use Native CSS Parts to Access the Shadow DOM in an Ionic Component by Jorge Vergara
2m 12s

Working with the Shadow DOM can be tricky as it scopes styles so normal CSS classes can't target the elements within. In this tip you'll learn a few approaches to styling elements that are within the Shadow DOM.

Getting setup with shadcn-vue in Vue 3

Getting setup with shadcn-vue in Vue 3 by Kevin Cunningham
7m 19s

Shadcn component library is a great option for building out UIs as it gives you full control while setting you up with reasonable defaults. Learn how to install and get started with Shadcn in a Vue 3 project.

Automate Package Scaffolding in NPM/Yarn/PNPM Monorepo Workspaces

Automate Package Scaffolding in NPM/Yarn/PNPM Monorepo Workspaces by Juri Strumpflohner
16m 14s

We'll explore how to automate new package creation for your existing npm/yarn/pnpm using Nx. Learn to build an Nx Plugin for consistent, error-free package scaffolding. Perfect for easy dev onboarding and maintaining coding standards.

Create an Interactive Spoiler Component in Astro

Create an Interactive Spoiler Component in Astro by Kevin Cunningham
7m 13s

Lean how to build an interactive spoiler component in Astro, enhancing web user engagement. Learn to set up, style, and script the component for hover/click reveals, ensuring smooth functionality across multiple instances.