How to not get crazy with TDD

I do not glorify Test Driven Development, but in some cases, it's handy. Jest + TypeScript + code inspection combination for more complex parts of the app was discovered by me too late. This week I found the last missing piece of the puzzle: a widget for VSC that provides excellent UI for tests.

p.s. thanks Eddy for a tip 🙇‍♂️

Brain vs Heart

The time has come. My heart looks for Vanilla JS ❤️ ... or my brain tries to escape from React/NextJs performance issues 🧐 Is that performance dead end, and I need to look for solutions like https://svelte.dev or stop acting lavishly with the package manager.

... an hour later ...

... that goddamn meaningless widget weighs over 300KB after gzip ?! 🤯

Calm, rainy day

The startup is growing, the team is bigger and bigger, application complexity rises. Solutions that were perfect a year ago now are not enough. https://nestjs.com/ - we are coming 💪

Headless CMS is not a golden hammer

Headless CMS is defenitelly the option number one for developers as it gives freedom to choose tools you love too but ... not all content editors will enjoy that way. People who used to work with WYSIWYG editors may have bad times tryiing to change own habbits. storyblok.com is trying to solve that issue providing tools supporting content editing ❤️ (+ awesome NextJS integration guide 🙇‍♂️)

Mess in team/department documentation?

The most important question is: why you need documentation? Do you want to secure knowledge that can be taken with leavers? Is that a tool to share knowledge better? Do you want to make new employees onboarding process much easier? Maybe it's required by stakeholders? Documentation generates costs and before you will decide to make documentation ensure that it's pragmatic. The biggest challenge is to keep documentation up to date. There is nothing more annoying than thousands of outdated documents. Few tips that can be useful:

• secure time/resources to review documentation (i wish to have it obvious everywhere)
• build company habit to tag documents that seem to be outdated or should be archived - you will quickly collect a list of documents that need to be reviewed, it also gives a hint for other employees to be careful before the document will be reviewed
• find out how often specific documents are used (it can be retrieved e.g. from Google Docs API), prioritize review process for documents that are most often used and archive those that are not used at all. You will find out that some of the documents are not used but should be 😎
• make a contribution to the documentation review process as a part of employee assessments
• verify each new document by a person who will need to use that (e.g. if you describe a production update process - ask the developer who never did that to follow documentation)

Need more beatiful (vector) graphic for designs?

A picture is worth a thousand words 📷. So here you have really nice source of free (vector) pictures: drawkit.io and undraw.co 🎁. It helped me to build landing page for Gruv Traning side project from scratch in a matter of 2 hours.

Responsively ❤️

Thanks to https://responsively.app checking how webpage looks on different screen sizes is waaay faster 🚀 Mirrored interactions makes it really useful 🧨

Gruv Traning after pivot - POC ready to collect first feedback from users 😱

Finally, 48 days after Gruv Training pivot, Proof Of Concept is ready for first validation with users 🎉. It's time to leave keyboard for a while ⌨️, meet people who may using Gruv and 👂👂👂

Chrome and HTML5 video seekbar issue

What is not clearly described in the documentation, to use html5 video seekbar functionality in Chrome or possibility to mutating currentTime property your server needs to support HTTP Range Requests. Here simple explanation how to handle that using nodeJs with streams.

Page that everyone should know

Unsplash - a countless number of beautiful ❤️ high resolutions photos 📷 with a copyright license to download, copy, modify, distribute, perform, and use including commercial purposes 🎉That's what i needed for next landing page design 👹