Improve Your Frontend Skills

Hey, I am Maksim Ivanov. This site collects my recovered frontend tutorials, mostly around React, JavaScript, TypeScript, Git, and practical web development.

Browse all posts

Recommended Articles

Javascript `this`

February 26, 2019Javascript

A lot of people find this keyword in Javascript very confusing. Depending on where is it used and defined it can have different value. This In Functions In normal Javascript functions this refers to global object. It wil

Conditional Rendering In JSX

February 18, 2019React

There are many ways to have conditional expressions in your JSX code. Let's look at them. If Statement The easiest way to have condition in your render code is to use if statement in render() method of your component. Yo

Promises In Javascript

April 14, 2019Javascript

Watch the video on YouTube In Javascript Promises are special sort of objects that serve as a proxy for data that is initially unknown. The concept is not unique for Javascript, similar constructs exist in other language

Add Specific Lines With Git Patch

October 7, 2017Git

You know that git add adds files to index. But did do you know that it can add specific lines of files? Or even add files, ignoring their contents? Let's check this out! First let's get familiar with git add patch c

Latest Recovered Posts

Command Line Applications Using React - Snake Game Tutorial

July 24, 2019React

Absolutely CRAZY combo! In this tutorial we'll learn how to build a CLI Snake game using React and Javascript. One of the most powerful features of React is that it supports different renderers. That means you aren't lim

Quokka Clone In 10 Minutes - VSCode Extention Tutorial

July 22, 2019VSCode

In this tutorial, we'll learn how to create a VSCode extension that will communicate with Node Inspector to collect execution data basically a Quokka.js clone. For those who don't know what Quokka.js is it's a live scrat

5 Git Tools You Must Use Today

July 21, 2019Git

Watch the video on YouTube In this article I'll list 5 git tools that you must use today. Hub Hub is my favourite tool and I use it a lot. If you use GitHub to store your repositories this tool will save you a ton of tim

Render HUGE Lists In React - React Window Tutorial

July 17, 2019React

Watch the video on YouTube This is a tutorial on react window, at the end of the article there is a link to a Github repo with code examples. Rendering lists in React is simple, I would say trivial. You just map through

Basic Webpack React Setup

June 22, 2019React

Open the Glitch example Usually create react app is enough to create new React applications, and if you need to have some specific settings you can always eject and alter its webpack configuration. But sometimes you just

What Is DOM

June 3, 2019HTML

DOM (Document Object Model) is a programming api for your HTML (or XML) documents. Basically it is an object representing parsed code of your page. It has tree like structure and allows you to traverse, access and modify

Fullstack GraphQL Beginner Tutorial - Instagram Clone

May 20, 2019Graphql

Watch the video on YouTube In this tutorial, we'll build a simple Instagram clone using React and GraphQL. In our version, it will only contain cat pictures. GraphQL allows you to fetch data using Queries and update it u

Automate Git With Hooks And Husky

Watch the video on YouTube Git provides an interface to run some code as reaction on specific triggers. Those triggers are called githooks (hooks used by git). You can run code on every commit, push, pull or other action

Categories