Wrocław TypeScript meetup online
In this blog post, I want to write about the last Wroclaw TypeScript meetup & encourage to take part in the next one (disclaimer: I’m one of coorganizer).You may ask what was so special about this...
View ArticleFormik - useFormikContext and useField hooks
As I’m using Formik to build forms inside React applications below there are some patterns you may enjoy.FormLet’s say that you have a form build using formik:import React,{ FunctionComponent...
View ArticleWhat I learned by adding webmentions to my blog
I’ve recently added webmentions to my blog. By using them you can get reactions/comments from e.g Twitter into your site. In such a way you are at least one step further in owning your content -...
View ArticleClik here to view.
Lowering selectors in react/redux
If you need to calculate a value out of state chances are that you are using reselect library. I’m using it too in my work but recently I noticed that there is quite a mess in my selectors. As the...
View ArticleInteresting links that I found - vol.4
New libraryMotion layout - a really interesting library for creating animations. Something I will check out.Declarative ProgrammingThe Unreasonable Effectiveness Of Declarative Programming - a nice...
View ArticleClik here to view.
How to read TypeScript errors and not get mad?
If you are working with TypeScript I bet you come across such compilation errors:Sometimes TypeScript has a lot to say when it is throwing an error so community even made some stickers:In my blog post,...
View ArticleTIL - ramda clamp
Today I learned that Ramda has a clamp function. What is clamp? It allows you to set value between min& max.Example:import{ clamp }from'ramda';setCoordinates(clamp(-90,90,...
View ArticleClik here to view.
Firefox has copy url button
Today I learned that you can have copy url pinned to your search bar in Firefox.See gif below for details:
View ArticlePlaceholder shown CSS selector
Today I learned about :placeholder-shown selector in CSS. What is doing? It is selecting those inputs - if you are gonna use it as input:placeholder-shown which currently has a placeholder. It works on...
View ArticleClik here to view.
Firefox has copy url button
Today I learned that you can have copy url pinned to your search bar in Firefox.See gif below for details:
View ArticlePlaceholder shown CSS selector
Today I learned about :placeholder-shown selector in CSS. What is doing? It is selecting those inputs - if you are gonna use it as input:placeholder-shown which currently has a placeholder. It works on...
View ArticleCron under MacOS
I’m using plain text to store my information. This plain text is inside a git repo. To back it up I need to commit changes & push them to the remote. I was doing that manually. Yet this is not...
View ArticleHow to setup emotion css prop to work with Parcel & TypeScript
In this blog post I will look into how to setup Emotioncss prop with Parcel& TypeScript. There are two ways those tools work with each other. You can either use /** @jsx jsx */ pragma on every file...
View ArticleClik here to view.
RxJS and auth token expiration timers
Recently in my work, I stumbled upon an interesting problem to solve. I needed to inform users that they have a valid token only for the next 10 minutes and after that 10 minutes logout them. You can...
View ArticleClik here to view.
Setting up webpack for chrome extension development
Today I learned how to setup webpack for chrome extension development. In this post I will show you how I did it. To start, you need to install webpack and packages from webpack ecosystem:npminstall...
View ArticleClik here to view.
How to split antd theme into smaller components
Recently I stumbled upon an interesting problem at work. I was using ant-design and I wanted to customize default theme variables. To do that I’ve created a...
View ArticleIntl Collator in JavaScript
Recently I needed to sort an array of objects from A to Z. Usually for such task I’m using the following piece of code:const cities =[{ name:'Wrocław'},{ name:'Kraków'},{ name:'Łódź'}];...
View ArticleClik here to view.
Stack & Column in CSS-in-JS
Today I want to write more about new emotion components that we try at Ingrid. Those components help us with spacing.The problemI want to implement this footer:It has a logo, text in two rows and...
View ArticleClik here to view.
Tooling overload in JS
Before I start let me clarify what I mean by tooling in the context of programming language: all ecosystem of tools/libraries/frameworks that are needed to use with a given programming language.When...
View ArticleClik here to view.
TIL - how height:auto works
Today I learned a bit more on how height:auto works. Let’s say you have a box that has implicit height& width set to 250px. Inside this box you place 1px by 1px image. You give image height: auto....
View Article