Artem Sapegin articles - 36 total
Washing your code: don’t make me think
All the different ways programmers like to write clever code, and why we should avoid clever code as much as possible.
Washing your code: divide and conquer, or merge and relax
Splitting code into functions and modules, when the right time is to introduce an abstraction, and when it’s better to sleep on it.
Washing your code. A book on clean code for frontend developers
Learn how to make your code more readable and maintainable, and how to avoid hard-to-track bugs.
Better autosave and autoformat in Visual Studio Code
Avoid autoformat messing up your code when you need to look something up in the docs halfway through writing a line of code.
Just Blame for VS Code 🪲
My new Visual Studio Code extension to show Git blame annotations, inspired by JetBrains editors
Notebox for VS Code 📝
My new Visual Studio Code extension to take quick notes
Todo Tomorrow for VS Code ✅
My new Visual Studio Code extension that highlights TODO and FIXME comments
Squirrelsong Light: low-contrast light theme for Visual Studio Code
A low-contrast, non-distracting, and neurodiverse-friendly theme that is comfortable for all-day coding without sensory overload.
Modern React testing, part 5: Playwright
Learn how to test React apps end-to-end with Playwright, how to mock network requests with Mock Service Worker, and how to apply testing best practices to write integration tests.
Emoji Console Log for VS Code 🍕
My new Visual Studio Code extension that prints console.log() statements with random emojis
Blank sky new tab page 🌙
My new little fun project: a beautiful twilight sky inspired new tab page replacement for your browser
How I stay (more) focused with ADHD
I could never stay focused on one thing for a long time. These tips help me stay focused and productive.
Typewriter 2.0: search for the perfect writing experience on iPad
I struggle writing on my desk, so I wanted to find a great mechanical keyboard for iPad that I can take to some nice café with me.
Healthier way to open source your code
Open source is about sharing your code. Anything else is optional. Don’t want to spend time answering issues and reviewing pull requests? It’s totally up to you!
Why I quit open source
Four main reasons I stopped maintaining most of my open source projects after ten years of contributing regularly.
Squirrelsong: light & dark themes for web developers
Light & dark low contrast themes for web developers
Migrating my blog from Gatsby to Astro
Recently, I redesigned and rebuilt my site and blog from Gatsby to Astro, and would like to share my experience.
Washing your code: naming is hard
We all know that naming is one of the hardest problems in programming. Let’s look at many naming antipatterns, and how to fix them.
Healing my open source addiction
I started my first open source project in 2012 but 10 years later I quit it almost entirely because of its hostile culture. Recently, I found a hobby that gives me everything I liked about open source but without any of its downsides.
Washing your code: avoid comments
Some developers never comment their code, some comment too much. The former believe that the code should be self-documenting, the latter read somewhere that they should always comment their code. Both are wrong.
Going offline
The Coronavirus allowed me to reflect on what’s important to me, and to see my life from a different point of view regarding work, open source, hobbies, and social networks over the past two years.
Writing cross-platform components for web and React Native
One of the selling points of React Native is code sharing between web, iOS, and Android — “seamless cross-platform” as they say on the homepage. Unfortunately, React Native gives us very few tools to write components that work on web and native, and the experience is far from seamless.
The most useful accessibility testing tools and techniques
Shipping accessible features is as important for a frontend developer as shipping features without bugs, learn about tools and techniques that will help you achieve that.
Modern React testing, part 4: Cypress and Cypress Testing Library
You’ll learn how to test React apps end-to-end with Cypress and Cypress Testing Library, how to mock network requests with Mock Service Worker, and how to apply testing best practices to write integration tests.
Washing your code: avoid mutation
Mutations happen when we change a JavaScript object or array without creating a new variable or reassigning an existing one. Mutations make code harder to understand and can lead to hard-to-find bugs.
Six donts of web app internationalization
Subscribe to my newsletter if you enjoyed this article. I wrote these guidelines originally for...
Washing your code: avoid reassigning variables
Reassigning variables is like changing the past. You can never be sure what’s the current value of a variable and it forces you to read lots of code to understand how things work.
Modern React testing, part 3: Jest and React Testing Library
You’ll learn how to test React components with Jest and React Testing Library and how to apply the best practices we’ve learned in the first article.
Modern React testing, part 2: Jest and Enzyme
You’ll learn how to test React components with Jest and Enzyme and how to apply the best practices we’ve learned in the first article.
Modern React testing, part 1: best practices
You’ll learn why to write automated tests, what tests to write and how to write them. What are the best practices of modern frontend and React testing.