Menu

Close

    About

    Home
Alexander GrischukMenu
Alexander Grischuk's Picture

Alexander Grischuk

Senior Frontend Engineer. I like to build interactive apps with React. Currently working with JavaScript, TypeScript, React and GraphQL.

Berlin, Germanyhttps://www.linkedin.com/in/alxgi/
28 posts

Problem Solving Using Computational Thinking

Problem-solving skills seem to be undervalued among engineering and developers, in particular. Getting better at problem-solving can lift… »

Alexander GrischukAlexander Grischuk on coding, es6, javascript, developer life, coursera, coursera certification, problem solving, problem-solving, problem solving methods, learning, computational thinking, University of Michigan, Computational Thinking21 February 2021

AWS CLI fatal error: An error occurred (SignatureDoesNotMatch) when calling the ListObjectsV2 operation

Cna you ever imagine that having or in your private AWS keys will cause an issue for you? Read on. Working with AWS CLI v2 That… »

Alexander GrischukAlexander Grischuk on coding, dev, devtools, devops, itops, aws, aws configure, amazonaws cli docker, aws cli, aws s3 cli, amazon, ci, gitlab ci, ci pipelines, docker, aws-cli s3 sync, aws s3, gitlab ci yml, gitlab ci tutorial, gitlab ci variables21 November 2020

How to upload files to AWS S3 bucket using official Docker image and Amazon AWS CLI s3 sync with GitLab CI

One thing I really enjoy doing when I get a chance is to work on "DevOps-related" tasks at work or pet-projects. For example, building CI… »

Alexander GrischukAlexander Grischuk on coding, es6, javascript, dev, devtools, devops, aws, aws configure, amazonaws cli docker, gitlab ci yml, gitlab ci tutorial, gitlab ci variables, cloud computing, aws cli, aws s3 cli, amazon, ci, gitlab ci, ci pipelines, docker, aws-cli s3 sync, aws s318 October 2020

How to setup Apollo Client in order to perform GraphQL queries with NextJS

In the previous article Setting up GraphQL API with MongoDB and Apollo Server for a NextJS app we've created a GraphQL API with Apollo… »

Alexander GrischukAlexander Grischuk on coding, es6, javascript, dev, devtools, react, graphql, apollo client, apollo server, ssr, next, nextjs, code, api, API, mongodb10 June 2020

Setting up GraphQL API with MongoDB and Apollo Server for a NextJS app

Recently, I got an interest in working with a Next.js React Framework for server-side-rendered (SSR)applications (not only). I'm using… »

Alexander GrischukAlexander Grischuk on coding, es6, javascript, dev, react, graphql, apollo client, apollo server, ssr, next, nextjs, code, api, API, mongodb08 June 2020

Migrating tasks and notes from Wunderlist to Joplin

As a software developer living in Berlin, I like to support awesome apps, companies, and products developed here. I was an early adopter of… »

Alexander GrischukAlexander Grischuk on coding, es6, javascript, dev, devtools, react, todo, todo app, notes, wunderlist, microsoft, microsoft to do, list app, productivity, migration, joplin09 April 2020

How to create custom Create React App (CRA) templates

A Create React App (CRA) templates were introduced quite recently and there is not much info present on how to create them. In this… »

Alexander GrischukAlexander Grischuk on coding, es6, javascript, dev, devtools, react, create-react-app, cra-template, template, enzyme, eslint, redux, react-redux, react-router, react-router-dom, typescript, prettier16 January 2020

Extend your end-to-end Cypress tests with visual tests using AI and Applitools

Applitools cloud integration Applitools - is a 3rd party cloud provider to run end-to-end visual tests. It is taking DOM snapshots and… »

Alexander GrischukAlexander Grischuk on coding, e2e, e2e tests, javascript, dev, end-to-end tests, applitools, visual tests, devtools, Cypress, cypress20 December 2019

Measure performance of the app on every push with Lighthouse CI GitHub Action

In this article we're going to create GitHub Action witch is generating Lighthouse report on every push. The goal is to measure, analyze and… »

Alexander GrischukAlexander Grischuk on js, javascript, lighthouse, lighthouse ci, page performance, lighthouse audit07 December 2019

Overview of one-year using Blinkist premium reading app

As a professional Software Developer living in Berlin, I like to support cool companies and products from Berlin. I was an early adopter of… »

Alexander GrischukAlexander Grischuk on reading, books, productivity, audiobooks, apps06 December 2019

Provide common context to React components with useContext() hook

Imagine having two deeply nested React components down in the components tree which should know about the same state. There are multiple… »

Alexander GrischukAlexander Grischuk on js, javascript, react, react hooks, react custom hooks30 November 2019

Write custom React hook to change background color of the page

In this article, we will be writing a simple custom React hook which will be based on React hook from and allow us to control… »

Alexander GrischukAlexander Grischuk on js, javascript, react, react hooks, react custom hooks25 November 2019

Start using Yarn v2 codename berry today

If you're using version 1 already for your dependencies installations you might consider to migrate your project client dependencies… »

Alexander GrischukAlexander Grischuk on js, javascript, yarn, yarn v2, yarn berry, typescript, node modules, packages installation22 November 2019

More readable Jest + Enzyme tests assertions with jest-enzyme

When you're using Jest as a JavaScript Testing Framework for your React projects there is a high chance that you're using Jest in… »

Alexander GrischukAlexander Grischuk on js, javascript, jest, enzyme, react, unit tests, test assertions, tests, jest-enzyme, Jest, JavaScript Testing utilities for React19 November 2019

Switching from the GitHub Pages to Zeit Now deployment for this blog

I'm switching from the GitHub Pages to Zeit Now static deployments for this blog. Here's my blog source code https://github.com… »

Alexander GrischukAlexander Grischuk on coding, deployments, code, dev, github, dev tools, git16 November 2019

How to configure automated deployments for every branch/commit with Zeit now

You know the drill. A colleague asks you for review and functional testing, of course, is a part of it, you go to the PR, grab branch name… »

Alexander GrischukAlexander Grischuk on coding, infrastructure, code, dev, github, dev tools, git, automated deployments, deploy, zeit now, continuous delivery15 November 2019

How to delete GitHub branches automatically after merge by default

I saw a lot of big projects/repositories with hundreds or even thousands of stale branches where nothing really happens. Usually, no one… »

Alexander GrischukAlexander Grischuk on coding, open source, code, dev, github, dev tools, git14 November 2019

🤖 How to configure Renovate - automated dependencies updates for your project

Renovate - is a tool that does automated dependency updates for your project and the nicest thing is that it's free for public… »

Alexander GrischukAlexander Grischuk on coding, open source, react, code, javascript, dev, dependencies updates, renovate, github, dev tools, devtools11 November 2019

💻Hacktoberfest challenge 2019

October is a perfect month for me to contribute to Open Source Software because of Hacktoberfest. Hacktoberfest 2019 is a great initiative… »

Alexander GrischukAlexander Grischuk on coding, open source, react, code, javascript22 October 2019

Full Stack Fest 2019 conference in Spain

Hey, it's me again! Today is a bit chilled stuff to read. Last year, in September I completed my first intercontinental flight and attended… »

Alexander GrischukAlexander Grischuk on coding, travel, spain, sitges, conference, react, code, barcelona12 October 2019

Supporting refugees in Berlin

Prehistory When I first landed in Berlin, in 2015, there was a so-called "refugees crisis" going on. There was only one Ausländerbehörde… »

Alexander GrischukAlexander Grischuk on non-tech, people, support, berlin12 September 2019

How to test React component wrapped in withRouter HOC

is a handy high-order component from package which gives you access to and props which you can use for performing navigation inside… »

Alexander GrischukAlexander Grischuk on javascript, IT, tech, code, programming25 July 2019

How to avoid circular dependencies in your JavaScript monorepo

Circular or cyclic dependencies could easily cause bugs in your application. When your modules reference each other you create circular… »

Alexander GrischukAlexander Grischuk on javascript, IT, tech, code, programming26 June 2019

Reactathon 2018 React Conference in San Francisco

Back in the September this year, I visited for the first time San Francisco. It was my first visit to the USA and first transatlantic flight… »

Alexander GrischukAlexander Grischuk on code, travel, san francisco, usa, conference, react, bay area12 November 2018

Golden rules of code refactoring

When working on any project you'll eventually end up having legacy code which needs to be refactored, dependencies updated, or you'd like to… »

Alexander GrischukAlexander Grischuk on javascript, IT, tech, code, refactoring, programming01 October 2018

Top well paid IT positions in Germany

Trends in the IT are changing quite often, it is true for the tech stack as well as for the tech positions. New tech positions come in place… »

Alexander GrischukAlexander Grischuk on javascript, IT, tech, jobs24 August 2018

Visual Studio Code (VSCode) extensions that I use daily

I've been using different IDE and text editors during my career as a Software Developer and that's definitely topic for another blog post… »

Alexander GrischukAlexander Grischuk on javascript, vscode, react, code snippets06 August 2018

Three simple steps to invest in ETF

How to invest in ETF? Hi there! Recently I've started to do some research on ETF topic and how I can invest in it. In general, I wanted to… »

Alexander GrischukAlexander Grischuk on invest, etf, finance, fonds, stocks25 July 2018
Alexander Grischuk - Senior Frontend Engineer - React © 2018 - 2020
Proudly published with Gatsby