Cypress vs. Playwright: end-to-end testing showdown
Published onLike Cypress, Playwright is also a framework for end-to-end testing. Find out what are some of the differences and write your first Playwright test!
Posts
What Tailwind taught me about the separation of concerns
Published onDespite trying out numerous methods of writing CSS, I never felt that my code was resilient. Utility-first CSS helped me rethink separation of concerns.
Make your JavaScript project accessible to newcomers
Published onIntroduction to the concept of developer experience and advice on why and how to improve it in JavaScript projects.
Checking your static site for dead URLs
Published onOne of the challenges of maintaining a static site is continuously ensuring that links work, both local and external.
Managing complex tasks with gulp v4
Published onReplace large npm scripts with gulp tasks elegantly composed using new gulp API.
Migrating from Gatsby to Next.js
Published onMy experience of rewriting my Gatsby blog to Next.js, what went well, and what didn’t.
Taking Control of Your Git History
Published onGain a deeper understanding about the value of Git history and learn how to record changes exactly the way you want, no compromises.
Parts of this series:
A Built-in Alternative to Redux with React Context and Hooks
Published onA summary of multiple posts by Kent C. Dodds about how to imitate Redux using modern React API.
Mocking with Jest
Published onLearn what mocking is, when to use it, and which features Jest offers on this subject.
Parts of this series:
Integrating and Enforcing Prettier & ESLint
Published onHow to resolve the conflict between Prettier and ESLint and use ESLint to enforce Prettier in your codebase.
Bridging the Gap Between CSS and JavaScript
Published onAs developing web applications becomes more commonplace and nuanced, we often look for creative ways to bridge the gaps between those languages to make our development environments and workflows easier and more efficient.
Parts of this series:
- CSS-in-JS·Read on CSS-Tricks
- CSS Modules, PostCSS and the Future of CSS·Read on CSS-Tricks
Why I Migrated Away from Medium
Published onMissing features and odd aspects of Medium that eventually drove me away.
On Code Folding and Minimaps
Published onWhat frequent use of code folding and the minimap feature might indicate about our codebase.
The Nuances of React Transition Group
Published onWhat exactly react-transition-group does and how to use it correctly to create delightful transitions.
Custom Project-Based ESLint Rules
Published onHow to create custom ESLint rules using an existing rule and AST selectors.
Don't Split render() into Functions
Published onInstead of splitting large JSX expressions in React components, learn to embrace them.
dependencies or devDependencies
Published onThe question of where to save a dependency is clear when building a library, but in application codebases it's usually just a convention.
Testing with AVA
Published onUnit testing a simple todo application built with React and Redux using AVA.
Parts of this series:
- Getting Started·Read on Semaphore
- Common Redux Patterns·Read on Semaphore
- React Components·Read on Semaphore
Getting Rid of Pantry Moths
Published onHow to identify pantry moths in your apartment, find out what's causing them, and get rid of them.
A Fictional Web App for Creating Comic
Published onFantasizing about a web application for creating comics and brainstorming features.
Downvoting Comments on YouTube Does Nothing
Published onWhile watching a video about the terrifying comments that women on YouTube have to endure daily, the downvoting feature caught my attention.
Intro to ESLint (ft. Daft Punk)
Published onHow ESLint can improve the quality of your project and even teach you JavaScript.
Setting Up an End-to-End Testing Workflow with Gulp, Mocha, and WebdriverIO
Published onManual testing is usually slow, tedious and error-prone, we need a way to automate testing across different browsers and platforms.
CSS preprocessing drama
Published onLately there has been a lot of talk on Twitter about Sass, PostCSS, cssnext etc. How do all of these tools work together?
Getting the most out of Bower
Published onAfter installing a Bower component there is still some manual linking to do, which can be tedious depending on the number of assets. Let's automate this!
Simple layouting with Gulp
Published onAn easy solution for layouting when building a simple website using Gulp.
CSS pre- vs. post-processing
Published onAdding cross-browser support to your CSS using Autoprefixer rather than Sass mixins.