--- title: "Maksim Ivanov (@satansdeer) | Hashnode" description: "Front end developer @ Mojang, I teach people TypeScript and React. Read the latest articles by Maksim Ivanov on Hashnode." url: "https://hashnode.com/@satansdeer" --- @satansdeer # Maksim Ivanov @satansdeer · Stockholm, Sweden · Joined March 2021 Front end developer @ Mojang, I teach people TypeScript and React ### [Defining API functions](https://ivanov.hashnode.dev/defining-api-functions?utm_source=hashnode&utm_medium=feed) Abstracting server communication in frontend applications 1 min read · [ivanov.hashnode.dev](https://ivanov.hashnode.dev/defining-api-functions?utm_source=hashnode&utm_medium=feed) [May 20, 2021](https://hashnode.com/posts/defining-api-functions/60a65e0cb4e16849d76dc90a) ### [How to type React events with TypeScript](https://ivanov.hashnode.dev/how-to-type-react-events-with-typescript?utm_source=hashnode&utm_medium=feed) https://youtu.be/3PtiSy8G-Cs Sometimes when you write React and TypeScript code, you have to define event handlers. How do you choose the correct event type for them? Let's say we have an onChange event handler called handleTextChange: function App()... 2 min read · [ivanov.hashnode.dev](https://ivanov.hashnode.dev/how-to-type-react-events-with-typescript?utm_source=hashnode&utm_medium=feed) [May 20, 2021](https://hashnode.com/posts/how-to-type-react-events-with-typescript/60a6186db4e16849d76dbd7c) ### [React Dev Tools](https://ivanov.hashnode.dev/react-dev-tools?utm_source=hashnode&utm_medium=feed) To develop React applications effectively - you’ll need to use React DevTools browser extension. It’s available for both Chrome and Firefox. It has two main features: view of a component tree and the current state and props of the selected component.... 3 min read · [ivanov.hashnode.dev](https://ivanov.hashnode.dev/react-dev-tools?utm_source=hashnode&utm_medium=feed) [Feb 27, 2019](https://hashnode.com/posts/react-dev-tools/6069c2071ed1783ab0634305) ### [Javascript \`this\`](https://ivanov.hashnode.dev/javascript-this?utm_source=hashnode&utm_medium=feed) 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 will be window object in browser ... 2 min read · [ivanov.hashnode.dev](https://ivanov.hashnode.dev/javascript-this?utm_source=hashnode&utm_medium=feed) [Feb 26, 2019](https://hashnode.com/posts/javascript-this/6069c209b17dc439b747b69d) ### [Handling Events In ReactJS](https://ivanov.hashnode.dev/handling-events-in-reactjs?utm_source=hashnode&utm_medium=feed) Handling events in ReactJS is very similar to how it’s done on DOM elements. There are a few differences though. Event names are camelCased, so instead of onclick you have to use onClick: // DOM ... 2 min read · [ivanov.hashnode.dev](https://ivanov.hashnode.dev/handling-events-in-reactjs?utm_source=hashnode&utm_medium=feed) [Feb 25, 2019](https://hashnode.com/posts/handling-events-in-reactjs/6069c20d1ed1783ab063430b)