Development
What we learned about PWAs and audio playback
A word of advice for any future projects involving PWA — if it has anything to do with media playback, don’t bet on iOS. Think of PWAs as ProblemsWithApple.
Latest
Development
Building Custom React Hooks
React’s official documentation doesn’t cover custom hooks in detail as it covers the basic hooks, so the focus of this article is going to be primarily on building custom React hooks and best practices.
Development
Javascript ES6: Destructuring with default values
This is a short, but very useful code snippet for destructuring variables with default values (if the value is undefined). Very useful snippet for avoiding errors caused by undefined variables. In the following example, the options object is being destructured. const { valFirst = 1, valSecond = "hello", valThird = false } = options;
Development
React: useEffect explained with lifecycle methods
Sometimes, we'd like only a single of those lifecycle methods to run. The following cheat-sheet will help you achieve the "effect" you're looking for.
Design
Simple ways to start illustrating
There are simple ways of learning and practicing how to dissect real-life objects, and transfer them to paper (or a computer).
Development
Avoiding the messy git history
This article will cover one of the git-flow approaches, heavily based on git rebase, that will allow you to have a more streamlined git experience, especially when working inside a team.
Design
Crafting Copy: Best Practices for Managing Large Text in Web Applications
There are different ways to keep readers engaged for large portions of text, similar to speech techniques which add rhythm and emphasis.
Design
How to bind shortcuts for Sketch in macOS and make your life easier
Tooling has always been an important part of the design process. And using shortcuts in your favourite app can speed up your workflow considerably.
Development
React Native SVG Image & ClipPath
I’d like to share our experiences with using react-native-svg and clipPath in React Native. There are a couple of tutorials about this, but I found them kind of hard to understand or they don’t cover specifics of Android and/or iOS, and just focus on a single platform.
Development
Circular Swiper using Pan Responder and Animated library
How little is needed for something to break Android in React-Native.
Development
React Native self-validating input
How we managed to replace more than 90% of our input fields with this component throughout the project.
Development
Quick and easy linting of PostCSS using Stylelint (in VS Code)
There are a couple of problems we need to overcome in order to make Stylelint work with both PostCSS and Visual Studio Code and here is the step by step guide.