Maksim Ivanov Blog

Natural language timers look like a small problem until you require exact output.

Exporting your slides to PDF is the easiest way to record a voiceover when they live in Google Slides, PowerPoint, Keynote, or another presentation tool.

Mont puts slides and video on the same timeline.

Architecture is not optional when you are building with AI coding tools.

Long AI coding conversations get worse as they grow.

Mont can record your screen and camera into separate timeline layers.

The fastest way to understand Mont is to make one small video from start to export.

A SaaS demo video does not always need a full screen recording.

Building the product is the start of the next problem: finding users.

When an app grows past one language, the first instinct is to invent a translation key for every visible string.

If you are using Claude Code, Cursor, or another AI coding tool to build an app quickly, make a map of the codebase before you start rewriting pieces of it.

Do not treat .env files as your long term secret storage.

Claude Code is fast at producing code, but it is not your architect.

The Git staging area is the place where you prepare the next commit.

A Git remote is a named connection to another copy of the repository.

A Git merge conflict happens when Git cannot safely combine two changes by itself.

Undoing changes in Git depends on where the change lives.

git log shows the commit history of a repository.

A Git commit is a saved snapshot of your project.

Absolutely CRAZY combo!

In this tutorial, we'll learn how to create a VSCode extension that will communicate with Node Inspector to collect execution data a Quokka.js clone.

Watch the video on YouTube In this article I'll list 5 git tools that you must use today.

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.

Open the Glitch example 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.

DOM (Document Object Model) is a programming api for your HTML (or XML) documents.

Watch the video on YouTube In this tutorial, we'll build a simple Instagram clone using React and GraphQL.

Watch the video on YouTube Git provides an interface to run some code as reaction on specific triggers.

Watch the video on YouTube In Javascript Promises are special sort of objects that serve as a proxy for data that is initially unknown.

Javascrpt is dynamic language, it doesn't have static typechecking.

In React application data and event handlers are passed down to children components through props.

Sometimes you need to do some action repeatedly.

One of the problems you might face when working on your React application is that some error happens in one of your components it breaks the whole app.

There are two ways of working with forms in React.

The events that you get when your event handlers get triggered are actually SyntheticEvents an abstraction around browser events provided by React.

By default, a plain React.Component has shouldComponentUpdate set to return true.

The simplest way to define a component in React is to use function.

In computer programming pure function is a function that satisfies two conditions: It is deterministic , which means that for any given input it will always return same output.

ReactJS provides a bunch of methods that are executed during different stages of components life.

Sometimes you might want to have a link to an item inside your markdown document.

One of the most important things in programming is to clearly express your intent.

Unlike many other frameworks React doesn't update DOM directly on every change and uses VirtualDOM to to optimize re renders.

In this tutorial we'll localize React application from start to finish using react intl made by Yahoo.

To develop React applications effectively you'll need to use React DevTools browser extension.

A lot of people find this keyword in Javascript confusing.

Handling events in ReactJS is similar to how it's done on DOM elements.

In ReactJS props is how components get data from their parent.

HTML entities are strigns inside HTML code that start with ampersand & and end with semicolon ;.

Here is a thing, in Typescript there is a shorthand to create and assign class properties from constructor params.

Introduction to ReactJS Components.

How to display lists of elements in React?