Defining API functions
Abstracting server communication in frontend applications
May 20, 20211 min read38
Command Palette
Search for a command to run...
Latest articles
How to type React events with TypeScript
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()...
May 20, 20212 min read168React Dev Tools
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....
Feb 27, 20193 min read59Javascript `this`
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 ...
Feb 26, 20192 min read26Handling Events In ReactJS
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: <button onclick="toggleDropdown()">Categories</button> // DOM ...
Feb 25, 20192 min read27React Props
In ReactJS props is how components get data from their parent. When you add a tag to your JSX code and pass it some attributes - the components referenced by this tag will receive them as a props object. <UserCard name="Maksim" surname="Ivanov" /> In...
Feb 24, 20192 min read39Html Entities
HTML entities are strigns inside HTML code that start with ampersand & and end with semicolon ;. They allow you to add wide variety of characters to your HTML code. For example < and > characters are reserved in HTML because they are used to enclose ...
Feb 23, 20192 min read15Typescript Constructor Shorthand
Here is a thing, in Typescript there is a shorthand to create and assign class properties from constructor params. Imagine you have following code, let’s say you have class User: class User { private name: string; private surname: string; priva...
Feb 22, 20191 min read74React Components
Introduction to ReactJS Components. What Is Component A component is an isolated piece of interface. It contains some piece of layout describing what should appear on the screen. It can also have some bound state and contain some business logic. Ther...
Feb 21, 20192 min read12