Testing Preact/React Portals with Testing Library
A technical guide on testing Preact/React Portals using Testing Library, based on real-world implementation challenges in a Rails app.
A technical guide on testing Preact/React Portals using Testing Library, based on real-world implementation challenges in a Rails app.
A technical guide explaining how to fix Webpack's dynamic import feature when it generates incorrect file paths, focusing on the publicPath configuration.
Explains two main methods for correctly including and displaying images in React components, covering imports and the public directory.
A comprehensive guide to the CSS Grid minmax() function, explaining its syntax, behavior, and practical use cases for responsive layouts.
A React tutorial on handling forms: accessing input values, implementing validation, and managing form submission using controlled components.
A step-by-step guide to configuring Jest for unit testing in a React application built with TypeScript, covering dependencies and configuration.
A technical guide explaining a modern, non-hacky method to prevent layout shifts when loading responsive images in web development.
A tutorial on setting up a React project from scratch using Webpack 5 and Babel, without relying on third-party boilerplates.
A tutorial on integrating Babel with Webpack 5 to use modern JavaScript features by transpiling code for browser compatibility.
A tutorial on setting up and using CSS with Webpack 5, including configuration for both development and production environments.
A step-by-step tutorial on setting up a minimal Webpack 5 configuration for a JavaScript and HTML web application.
A tutorial on using StencilJS to create reusable web components that work across different JavaScript frameworks like React and Angular.
Explores the importance of responsive design for viewport height, not just width, with CSS techniques and examples.
A developer's guide to practical tools and techniques for testing and improving web accessibility, debunking common misconceptions.
A collection of React.js code snippets and quick tips for building projects, shared as images from social media.
A developer adds a landing page to their SaaS app using a Tailwind CSS template, detailing the integration and styling process.
A beginner's tutorial on the Svelte JavaScript framework, covering basics like variables, props, and component structure.
A tutorial on creating a full-bleed webpage layout using CSS Grid, focusing on improving readability for long-form content.
A tutorial on implementing Webmention functionality to collect social media comments and interactions on a Next.js website.