Converting a Preact Component to use hooks with Sophia Li
A developer documents a live coding session where a Preact class component was converted to a function component using React hooks like useState and useReducer.
A developer documents a live coding session where a Preact class component was converted to a function component using React hooks like useState and useReducer.
A beginner's guide explaining how JavaScript event delegation works, its benefits over individual listeners, and the event propagation phases.
A guide to ten powerful modern CSS layouts, each achievable with just a single line of CSS code.
A guide to setting up a Vite project with Preact and TypeScript, including configuration steps and setup tips.
A modern JavaScript library recreating nostalgic 90s-era cursor effects like fairy dust, snowflakes, and ghost cursors with improved performance and customization.
Personal notes and practical tips for developers migrating from Vue 2 to Vue 3, covering reactivity, v-model, and TypeScript.
An article advocating for more whimsical, personal, and fun websites, featuring a curated list of examples and a call to action.
A guide to aligning and centering logos of varying sizes and orientations in CSS, covering design preparation and responsive implementation.
A technical changelog detailing the frontend upgrades at DEV, including migration to Preact X and adoption of Testing Library with a11y testing.
A CSS tutorial on creating hover effects for irregular-shaped links in grid layouts using subgrid and accessibility considerations.
A guide to implementing and using CSS layout wrappers (containers) for better content readability and design structure.
Explains why using window.addEventListener('load') is better than window.onload in JavaScript to avoid overwriting event handlers.
A guide to accessibly hiding and styling checkboxes and radio buttons using SVG, focusing on maintaining usability for all users including screen reader users.
A guide to using React.memo to prevent unnecessary component re-renders in React applications, improving performance.
A tech professional offers free mentoring for underrepresented individuals starting careers in front-end development and tech.
A developer shares their process for creating custom ASCII art messages in the browser console using JavaScript and special characters.
A tutorial exploring different methods to style React Native mobile applications using JavaScript and built-in components.
A developer shares their first week learning Angular, comparing it to React and building a simple todo app to grasp core concepts.
A tutorial on detecting route change events in StencilJS using the built-in router without external dependencies.
Explains how to use CSS Variables for global project settings and component-scoped styles to improve CSS maintainability and prototyping.