author: Krasimir Tsonev

Hi there, I'm . Senior front-end engineer with over 13 years of experience. I write, speak and occasionally code stuff. Follow me on Twitter, GitHub, Facebook or LinkedIn

https

NADCAST.03 с Π Π°Π΄ΠΎ Π“Π΅ΠΎΡ€Π³ΠΈΠ΅Π²

Π’Ρ€Π΅Ρ‚ΠΈ Π΅ΠΏΠΈΠ·ΠΎΠ΄ Π½Π° "NADCAST". Π’ΠΎΠ·ΠΈ ΠΏΡŠΡ‚ със Π Π°Π΄ΠΎ Π“Π΅ΠΎΡ€Π³ΠΈΠ΅Π². Π Π°Π΄ΠΎ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π° ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΈΡ€Π° ΠΈ компания Π΄Π²ΠΈΠΆΠΈ ΠΈ конфСрСнция ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΈΡ€Π° ΠΈ ΠΎΡ‰Π΅ ΠΊΠ°ΠΊΠ²ΠΎ Π»ΠΈ Π½Π΅. ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ…ΠΌΠ΅ си Π·Π° доста Π½Π΅Ρ‰Π° ΠΈ Π΅ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Π΄Π° Π³ΠΈ изброя Ρ‚ΡƒΠΊ. Π’Π° ΠΈΠ·ΡΠ»ΡƒΡˆΠ°ΠΉΡ‚Π΅ Π³ΠΎ цСлия Π΅ΠΏΠΈΠ·ΠΎΠ΄ :)

...read more

NADCAST.06 with Cole Peters

Episode 6 of my podcast with Cole Peters. We had a nice chat about the good old days, designing for web and CSS.

...read more

NADCAST.07 with Kent C. Dodds

Episode 7 of my podcast with Kent C. Dodds. We had a nice chat about open source, teaching, React and Prettier.

...read more

NADCAST.09 с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ²

Π•ΠΏΠΈΠ·ΠΎΠ΄ 9 Π½Π° NADCAST Π΅ с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ². Основно си ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ…ΠΌΠ΅ Π·Π° React ΠΈ Π½Π°ΡˆΡƒΠΌΠ΅Π»ΠΈΡ‚Π΅ ΠΎΠΊΠΎΠ»ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°Ρ‚Π° Ρ‚Π΅ΠΌΠΈ. ΠŸΡ€ΠΈΡΡ‚Π½ΠΎ ΡΠ»ΡƒΡˆΠ°Π½Π΅ :)

...read more

NADCAST.12 с Π”ΠΈΠΌΠΈΡ‚ΡŠΡ€ Π”ΠΈΠΌΠΈΡ‚Ρ€ΠΎΠ²

Π•ΠΏΠΈΠ·ΠΎΠ΄ Π½ΠΎΠΌΠ΅Ρ€ 12 Π΅ с Π”ΠΈΠΌΠΈΡ‚ΡŠΡ€ Π”ΠΈΠΌΠΈΡ‚Ρ€ΠΎΠ² (ΠœΠΈΡ‚ΡŒΠΎ). ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ…ΠΌΠ΅ си Π·Π° мСнторството ΠΈ Π·Π° Ρ‚ΠΎΠ²Π° ΠΊΠ°ΠΊ трябва Π΄Π° сС ΠΏΠΎΠ΄Ρ…ΠΎΠΆΠ΄Π° към Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‰ΠΈΡ‚Π΅ програмисти. ИмашС ΠΈ ΠΌΠ°Π»ΠΊΠΎ DevOps Π΄Π°ΠΆΠ΅ :)

...read more

NADCAST.13 с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ²

Ѐаталният Π΅ΠΏΠΈΠ·ΠΎΠ΄ 13 Π½Π° NADCAST Π΅ с моя Π΄ΠΎΠ±Ρ€Π΅ ΠΏΠΎΠ·Π½Π°Ρ‚ събСсСдник Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ². Основна Ρ‚Π΅ΠΌΠ° Π½Π° нашия Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€ бСшС Π½ΠΎΠ²Π°Ρ‚Π° вСрсия Π½Π° React ΠΈ прСдстоящитС React.NotAConf (http://react-not-a-conf.com/) ΠΈ Bulgaria Web Summit (https://bulgariawebsummit.com/) ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†ΠΈΠΈ.

...read more

NADCAST.14 със Π‘Ρ‚Π΅Ρ„Π°Π½ КънСв ΠΈ Π”ΠΈΠΌΠΈΡ‚ΡŠΡ€ Π”ΠΈΠΌΠΈΡ‚Ρ€ΠΎΠ²

Π‘Ρ‚Π΅Ρ„Π°Π½ ΠΈ ΠœΠΈΡ‚ΡŒΠΎ сподСлиха солидни ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ ΠΈ ΠΎΠΏΠΈΡ‚ Π² ΠΌΠ΅Π½Ρ‚ΠΎΡ€ΠΈΡ€Π°Π½Π΅Ρ‚ΠΎ Π½Π° ΠΏΠΎ-Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‰ΠΈ програмисти. Надявам сС Ρ‚ΠΎΠ·ΠΈ 14-Ρ‚ΠΈ Π΅ΠΏΠΈΠ·ΠΎΠ΄ Π΄Π° Π²ΠΈ бъдС ΠΏΠΎΠ»Π΅Π·Π΅Π½ нСзависимо Π½Π° ΠΊΠ°ΠΊΠ²ΠΎ Π½ΠΈΠ²ΠΎ стС.

MP3: http://nadcast.krasimirtsonev.com/StefanKanev_DimitarDimitrov.mp3

...read more

NADCAST.16 с Π’Π»Π°Π΄ΠΈΠΌΠΈΡ€ ΠšΠΎΠ½ΡƒΡˆΠ»ΠΈΠ΅Π²

Много Ρ†Π΅Π½Π΅Π½ Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€ с Π’Π»Π°Π΄ΠΎ сС ΠΏΠΎΠ»ΡƒΡ‡ΠΈ. Π’ Ρ‚ΠΎΠ·ΠΈ 16-Ρ‚ΠΈ Π΅ΠΏΠΈΠ·ΠΎΠ΄ дискутирамС code review процСси, Π½Π°Π²ΠΈΡ†ΠΈ, мотивация ΠΈ ΠΊΠ°Ρ‚ΠΎ Π·Π° Ρ„ΠΈΠ½Π°Π» ΠΌΠ°Π»ΠΊΠΎ Π·Π° баланса Π² Π½Π°ΡˆΠ°Ρ‚Π° профСсия. Надявам сС Π΄Π° Π²ΠΈ харСса.

...read more

NADCAST.17 с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ²

Π‘Π»Π΅Π΄ Π΄ΡŠΠ»Π³Π°Ρ‚Π°, ΠΏΠΎΡ‡Ρ‚ΠΈ Π΄Π²Π° мСсСца ΠΏΠ°ΡƒΠ·Π°, Π΅ΠΏΠΈΠ·ΠΎΠ΄ 17 Π½Π° NADCAST Π΅ с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ². Π—Π°ΠΏΠΎΡ‡Π½Π°Ρ…ΠΌΠ΅ с някои ΠΌΠ½ΠΎΠ³ΠΎ интСрСсни Π½ΠΎΠ²ΠΈΠ½ΠΈ ΠΊΠ°Ρ‚ΠΎ прСдстоящия NotAHackathon ΠΈ VarnaConf. Π‘Π»Π΅Π΄ Ρ‚ΠΎΠ²Π° си ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ…ΠΌΠ΅ Π·Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΈΡ‚Π΅ ΠΏΠΎ Π²ΠΈΠ΄ Ρ€Π°Π±ΠΎΡ‚Π½ΠΈ срСди. ΠŸΡ€Π΅Π· freelancer-ството Π΄ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚Π° Π² ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²Π° компания.

...read more

NADCAST.18 with Sara Vieira

This episode is with Sara Vieira. She is doing a lot of interesting things with React, GraphQL, Apollo and with JavaScript in general. She's also part of bunch of conferences doing talks and workshops which itself is a big challenge. Happy listening :)

...read more

NADCAST.19 с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ² ΠΈ Минко Π“Π΅Π½Ρ‡Π΅Π²

Π•Ρ‚ΠΎ Π΅Π΄ΠΈΠ½ малък ΠΊΠΎΠ»Π΅Π΄Π΅Π½ ΠΏΠΎΠ΄Π°Ρ€ΡŠΠΊ - Π΅ΠΏΠΈΠ·ΠΎΠ΄ Π½ΠΎΠΌΠ΅Ρ€ 19 Π½Π° NADCAST. ΠŸΠΎΡΠ»Π΅Π΄Π½ΠΈΡ‚Π΅ няколко мСсСца съм Π½Π° вълна продуктивност. Π‘ Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ² ΠΈ Минко Π“Π΅Ρ‡Π΅Π² си ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ…ΠΌΠ΅ Π·Π° TEA framework. Или ΠΊΠ°Π·Π°Π½ΠΎ ΠΏΠΎ Π΄Ρ€ΡƒΠ³ Π½Π°Ρ‡ΠΈΠ½, ΠΊΠ°ΠΊ Π΄Π° Π½Π°ΠΌΠ΅Ρ€ΠΈΠΌ ΠΏΠΎΠ²Π΅Ρ‡Π΅ Π²Ρ€Π΅ΠΌΠ΅ (time), СнСргия (energy) ΠΈ фокус (attention). ΠŸΡ€ΠΈΡΡ‚Π½ΠΎ ΡΠ»ΡƒΡˆΠ°Π½Π΅.

...read more

NADCAST.20 със Π‘Ρ‚Π΅Ρ„Π°Π½ КънСв

ΠŸΠΈΠ»ΠΎΡ‚Π½ΠΈΡ Π·Π° сСзон 2019 Π΅ΠΏΠΈΠ·ΠΎΠ΄ Π΅ със Π‘Ρ‚Π΅Ρ„Π°Π½ КънСв. ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ…ΠΌΠ΅ си Π·Π° ΠΌΠ΅Π½ΠΈΠ΄ΠΆΠΌΡŠΠ½Ρ‚ ΠΈ лидСрство. ΠŸΡ€ΠΈΡΡ‚Π½ΠΎ ΡΠ»ΡƒΡˆΠ°Π½Π΅.

...read more

From PHP to Node with Zeit's lambdas and Cypress.io

The first post in this blog was published on 25th of August 2008. This place was always living on a shared PHP/MySQL hosting. It was driven by a custom made PHP CMS for over 10 years. It is time to move forward and follow my actual language of choice - JavaScript. I spent some time recently migrating it to Zeit and this article is showing my process.

...read more

NADCAST.23 с Яни и Ния

Π•ΠΏΠΈΠ·ΠΎΠ΄ 23 Π½Π° ΠΌΠ°Π»ΠΊΠΎ позабравСния NADCAST Π΅ Ρ‚ΡƒΠΊ. Π’ΠΎΠ·ΠΈ ΠΏΡŠΡ‚ гости ΠΌΠΈ бяха Π―Π½ΠΈ (https://remoteit.world/) ΠΈ Ния (https://influencer.bg/). ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ…ΠΌΠ΅ си Π·Π° ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³, Π±Ρ€Π°Π½Π΄ΠΈΠ½Π³, hiring ΠΈ Ρ€Π°Π±ΠΎΡ‚Π° ΠΎΡ‚ разстояниС. ΠŸΡ€ΠΈΡΡ‚Π½ΠΎ ΡΠ»ΡƒΡˆΠ°Π½Π΅.

...read more

Reactive view - the concept

Something bugs me last couple of years. I'm using React for some time now and there is always this doubt if I'm placing the business logic on the right place. I'm trying to be pragmatic, to follow best practices and listen what the community is saying. However, I still feel that something is not ok. This blog post presents the idea of the reactive view. That is nothing new per se but I came up with this term because it fits well in my idea.

...read more

Hopa - zero config CLI that runs JavaScript and TypeScript

Yesterday was one of those days. I stumbled a task and wanted to find the right tool for it. That same task is on my way at least twice a week and I always refuse to optimize it. Because it was a weekend I decided to spend some time and research a proper tool for the job. Well, I find nothing that suites my need. I time-boxed a hour and said F.ck it!. I will code it myself. That's how Hopa was born - a zero config CLI that runs JavaScript and TypeScript. Transpiles, bundles, watches and executes code.

...read more

Octomments - using GitHub as a comment plugin

87% of my readers are using Chrome on desktop. This means that I have the luxury to care less about performance. However I just recently found that this blog has 56 (out of 100) points on Google's pagespeed test. That's not good. The report says that my Disqus comments are blocking the main thread for ~900ms. I want comments on my blog but I also want my users to reach to content as quickly as possible. So, after so many years using Disqus I decided to break with it and use something else.

...read more

From 0 to 100 GitHub stars in a week

2020 for me started with the release of several OS projects. Two of them reached 100 stars in a week and I was thinking that would be nice sharing my workflow. Not like it is working every time, absolutely not, but leads to some good results.

...read more

Pairify - how to match balanced string pairs

I'm now actively working on a VSCode extension. I started it as a theme but then decided to add some more features. Like for example a tin line on the left side of the editor marking the current function scope. In order to do that I had to analyze the current file's code and find the lines that are included in that scope. The obvious approach will be to translate the code to AST and then traverse the tree finding the information that I need. This however will require the usage of a language server which now I don't want to deal with. So I decided to explore a brute force approach. Looping over the string characters and finding balanced matches. I quickly wrapped it into a library. I called it Pairify. It consumes text and returns an array of pairs. This blog post will show you how it works.

...read more

NADCAST.24 с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ²

Π’ Ρ‚Π΅Π·ΠΈ смутни Π²Ρ€Π΅ΠΌΠ΅Π½Π° сС Ρ‡ΡƒΠ²Π°ΠΌΠ΅ online с Π Π°Π΄ΠΎ Π‘Ρ‚Π°Π½ΠΊΠΎΠ² Π·Π° Π΄Π° си ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π·Π° remote working. НС Ρ‡Π΅ ΠΏΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ Π½Π΅ сС Ρ‡ΡƒΠ²Π°ΠΌΠ΅ Ρ‚Π°ΠΊΠ°, Π½ΠΎ сСга Π΅ ΠΌΠ°Π»ΠΊΠΎ ΠΏΠΎ-Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎ. Π’ Ρ‚ΠΎΠ·ΠΈ 24-Ρ‚ΠΈ Π΅ΠΏΠΈΠ·ΠΎΠ΄ сподСлямС нашия ΠΎΠΏΠΈΡ‚ Π² Ρ€Π°Π±ΠΎΡ‚Π° ΠΎΡ‚ разстояниС. ΠŸΡ€ΠΈΡΡ‚Π½ΠΎ ΡΠ»ΡƒΡˆΠ°Π½Π΅.

...read more

Create your own Covid-19 data tracker

I'm continuing to experiment with React and TypeScript. The weekend-long project this time was a Covid-19 data tracker. In this blog post I will share how I built c19stats.now.sh. I exposed the data as a public API at the same URL. I guess you, as many other people, follow the situation so you may want to glue your fingers on the keyboard and create something useful around the data. I got lots of fun playing with the diagrams.

...read more

Smart placeholders in your markdown

I ❀️ markdown. I like its simplicity and minimalistic API which is good enough to cover most of needed HTML markup. At least for textual content. At work we have a small node based microservice that delivers data from Contentful in exactly markdown format. It's all working well but we started having cases where part of the text is in Contentful and the other part is in that microservice. For example when we have a button with a catchy design. We want to content manage the label of the button but the actual markup to be on our side.

...read more