Sign in

Frontend developer @ Exponea. Writing about things I learn along the way.

Here’s a new thing I learned this week.

You know how you can instruct git to run a bisect using git bisect start. This process is used to find a commit which introduced a change into your code. The change could either be a bug or some feature that has been implemented. That’s why you can mark commits good/bad or old/new (or use entirely custom words). You can read more about bisecting in the official documentation.

The usual process of finding the first commit that introduced a change looks something like this:

  1. Start the bisecting process using git bisect start.

How I started and what I learned about react-native and react-native-web.

Let me give you a little background story. Recently, I have been reading a lot about React and React Native. I was very intrigued by the idea of writing native mobile apps using JSX (or TSX in my case). I mean — what the hell! I’ve never had a chance to create a mobile app. Let alone use web technologies to do it and learn React at the same time. 😱

I was ready. I was hooked! It was time to make a wild jump into the world of…

I have just finished typing the script out at 23:08!

And how I had to write a custom javascript logic to do it.

NOTE: This article is quite old and the code in it might no longer work on LinkedIn. However, the principles behind it are still valid.

I opened my LinkedIn profile the other day and I realized that I had over 250 connections. Not only that but most of them were not even relevant to me. I decided to clean my list of connections all at once.

But, on LinkedIn, it is only possible to remove a single connection at once and it takes 3 clicks to get…

How to store the Firebase auth state in Ngxs

I am working on a very small Angular application. I did not want to make a custom solution for authentication so I decided to use an existing one. It is also important that only my colleagues from Exponea can sign in to the application. Perfect excuse to give Firebase a shot!

Adding Ngxs State

I started by adding Ngxs to my application.

yarn add @ngxs/{store,router-plugin,devtools-plugin}

This command installs the base package, as well as adding support for Redux dev tools and the router. Then I added the required modules to my main module.

User State

Cloud Computing — by Haseeb Jamil on Unsplash

Now 2.0 came out!

And they changed a lot of things about how you deploy your app. Previously you could just use Docker to deploy anything you want and now there are these Builders and…

Wait… what is he talking about? Okay, let’s take a step back.

Now takes the concept of serverless to a whole new level. I mean, it really does! Imagine that you are in your application repository and you just call this:


Boom! After a few moments, your application is deployed to the cloud. So easy, right?

Now makes serverless application deployment easy.
Don’t spend…

by Blake Connally on Unsplash

Hello, my fellow Medium friends!

Recently I had a very new and exciting experience! This is not really a blog post but a sum of my feelings and thoughts after it.

I appeared on my first ever podcast — Adventures in Angular! It was a completely new experience for me, I’ve never done anything similar in the past. You can image that I was quite nervous before the recording.

I had to choose a date several months in the future when I was first invited. So by the time the doomsday came, I had already forgotten the original topic…

What I’ve learned from using Cypress with iframes.

Why an iframe

My Angular application runs inside an iframe on another, completely unknown website. It is set up that way to make sure that it has a separate CSS and JS scope from the host and does not conflict with the page. However, this presents a unique challenge. How do you develop and test an application like this?

Initially, the application was set up so it does not use an iframe when running on localhost. But that meant that the iframe version was not tested, nor used when developing. Only in production.

Yep. So…

This is the demo application that we’ll be working with in this post

This post first appeared as a part of the ng-book blog. Whoa!

Last time I managed to migrate my small Angular application from a custom Webpack build to Angular CLI. Now my life as a developer of this application is much easier. After migrating and using (or sometimes abusing) the power of Angular Schematics for generating everything, I was wondering what else does the CLI offer to the developer. I found out that it should be quite easy to set up a service worker for my application using the CLI so I dug in and enabled it. …

Photo by JESHOOTS.COM on Unsplash

Today I was writing standard Typescript, as I do these days at work. I wanted to swap a couple of lines, as I sometimes do at work.

I placed my cursor on the line which needed to be moved and typed dd to cut it. Then I placed the cursor on the line which needed to be replaced. I wanted to delete this line and place the copied one in its place. So, again, I typed dd to delete it. …

When I saw the result of my artistic efforts to turn the angular.json file into something cool, I just had to say “Eh”…

I make a small code change in my Angular application and wait for the code to recompile. Carefully watching the console as it slowly writes updates about the compilation progress, I am wondering why the build is so slow. My thoughts go to Angular CLI, the shiny toolbox which looks both fast and incredibly useful for generating code.

The browser page is reloaded. Finally! It turns out I made a mistake in the template of one component (quick thought about serving in AOT…) so I fix it and hit Save. It starts all over, the waiting, the wondering. Now the…

Martin Džejky Jakubik

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store