Lately, I’ve got the chance to work with GitHub Actions, I had to share my front-end project build between multiple jobs. I did the investigation and found out about all of the options and the ways to achieve it and I would love to share it!

For those of you that aren’t familiar with GitHub Actions, it’s a way to automate your workflow using CI/CD inside your GitHub repository by simply adding a YML file.

In this article, I will focus mainly on how to share the data between the jobs so if you want an introduction about the basics…


Today we’re going to learn about ECMAScript 6 Proxies. We are going to cover the following topics in this article:

  • What are Proxies
  • Proxies in Action
  • Who Uses Proxies
  • Use Cases and Examples
  • Resources

Let’s begin :)

What are Proxies

As stated at MDN Website:

The Proxy object enables you to create a proxy for another object, which can intercept and redefine fundamental operations for that object.

It’s a bit funny they are explaining what is Proxy by saying it creates a Proxy. Of course, they are not wrong but we can simplify this statement to make it more friendly by saying:

The…


So lately I’ve started seeing more and more people use MobX, and I wanted to share some insights I gained while using it for a while. I’m going to write about a few topics that are not that obvious for new MobX users. This article does require basic knowledge or previous usage of Mobx, I’ve prepared Github repo to play with this stuff(here)

Computed Values Caching

So we have this amazing ability called “computed” in MobX which allows deriving values from the state but if you tried to debug it, you will see some of the values are being cached and some are…


Today we’re going to talk about bundle size, its effects, how we can reduce it, measure it, and achieve better results using Preact.

Why we should care about bundle size?

A benchmark google did about mobile website loading revealed how much time takes to mobile user to load about a single website(source):

No matter what, faster is better, and less is more. And sometimes, leaner is better too. We found that 70% of pages were over 1MB, 36% over 2MB, and 12% over 4MB. That’s enormous for a single mobile page, given that 1.49MB takes seven seconds to load using a fast 3G connection.


Hello everyone, today we are going to talk about React Hooks and a few simple patterns to follow that can make your code much cleaner, more readable, and your day to day work more fun! :)

So a year and a few months ago the React team released Hooks to a stable version and gradually in this time more and more open-source libraries, and companies and programmers started slowly to move from Class Components to Function Components AKA Hooks.

At first glance function components seems pretty easy, because it's almost like class components but without the class and just with…


Today we gonna talk about the amazing power of closures in Javascript, how we can harness them, and a few examples to get things going.

Closures are one the most favorite questions JavaScript interviewers love to ask. Most of the intermediate/experienced developers know this concept and if not, it raises a warning sign about them. But what is so special about closures that everyone wants to test it?

Let’s start with the official explanation of closures:

A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a…


I am happy to introduce to you a new library above MobX which will make your life with MobX easier! mobx-easy

After a while of working with MobX, you start seeing a few common patterns and abilities you don’t have out of the box. I have given mobx-state-tree a try but it felt for me like it removes MobX simplicity so I decided to try to keep it simple while adding few extra features.

Let’s take a dive into those features and explain each more detailed:

wrapRoot + removeRoot

So in order to share…


Today we are going to write a simple to-do list with React Hooks and MobX.

I’ll provide a short introduction to these libraries for people who are not familiar with them. If you already know it, you can skip this section.

React

A JavaScript library for building user interfaces, introduced by Facebook in 2013 and is used to create UI for web applications. Unlike Angular and Vue, React is not a framework and provides only tools to display UI components.

React Hooks

For the people who already know React, Hooks is the enhancement of functional components, for more detailed information you can read…


Hello everyone, My name is Georgy and I’m a Full-stack developer at Bringg and this is the first article I'm writing. 😅

So today I want to focus on the concept of separation of data and UI while building you web app, how it can help you build much cleaner, easier to maintain and more awesome web apps, and a small example of how I was able to render 4 different UI/frameworks libraries with the same consistent. 😄

Usually, in any web app, you have 2 main parts:

  • Data
  • UI

So you go and choose a framework/UI library like React…

Georgy Glezer

Fullstack Developer, Engineering Blogger, Udemy Instructor. https://georgy-glezer.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store