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.
Today we’re going to learn about ECMAScript 6 Proxies. We are going to cover the following topics in this article:
Let’s begin :)
As stated at MDN Website:
Proxyobject 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:
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)
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.
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…
Let’s start with the official explanation of closures:
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:
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.
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:
So you go and choose a framework/UI library like React…