https://vazgenzadayan.github.io/portfolio/

vazgen.zadayan, Yerevan (2024)

14/05/2023

Introduction to RTK Query ❗

1️⃣ Introduction

RTK Query is a library for managing API queries in Redux applications.
It provides a simple and powerful way to manage request status, caching and re-ex*****on of requests. RTK Query also integrates with standard Redux tools such as Redux Toolkit and Redux DevTools.

2️⃣ Working Principle

The way RTK Query works is that it creates a cache to store the results of API queries. When a React component requests data, RTK Query checks if the data is in the cache and returns it if it is present. If there is no data in the cache, RTK Query makes a query to the API and stores the result in the cache.

3️⃣ createApi()

This is the main RTK Query function that lets you create an API with specified configuration options. It takes a configuration options object that contains information about API endpoints, query options, caching options and other parameters.

4️⃣ useQuery()

This is a React hook that makes it easy to run API queries from React components.
It takes the API endpoint name and query options, and returns an object with query data, query state, and a method to re-execute the query.

5️⃣ useMutation()

This is a function that allows you to send data to the server and process the results of the query ex*****on. When you call useMutation, RTK Query automatically generates an action function that executes the request to the server and processes the results. It returns an object that contains information about the status of the request, such as load, success, or error.

6️⃣ Redux Toolkit

RTK Query integrates with Redux Toolkit, making it even more user-friendly.
The library includes many Redux actions and selectors, making it easy to manage application state and update data in real time.

08/05/2023

«Как работает центральный процессор»

Центральный процессор, или CPU (от англ. Central Processing Unit), является сердцем компьютера и отвечает за обработку информации.

Основными задачами CPU являются:

- Интерпретация и выполнение инструкций, полученных от операционной системы или программы;
- Обработка арифметических операций, включая сложение, вычитание, умножение и деление;
- Управление оперативной памятью и другими устройствами ввода-вывода.

Каждый центральный процессор состоит из множества элементов, которые работают вместе, чтобы обработать данные. Основными элементами являются арифметико-логическое устройство (ALU), управляющее устройство (Control Unit), регистры и кэш-память.

ALU отвечает за выполнение арифметических и логических операций, таких как сложение, вычитание, умножение, деление, сравнение и логические операции.

Управляющее устройство управляет работой процессора, определяет, какие операции нужно выполнить и в каком порядке.

Регистры - это быстрые места для хранения данных, используемые процессором для выполнения операций.

Кэш-память - это более быстрая память, которая используется для хранения наиболее часто используемых данных, чтобы ускорить работу процессора.

Процессор работает по тактам, каждый такт процессор выполняет одну операцию. Операции выполняются в порядке, определенном управляющим устройством. Цикл тактов процессора включает в себя следующие этапы: извлечение инструкции, декодирование инструкции, выполнение операции и сохранение результата.

Частота процессора измеряется в герцах (Гц) и определяет количество операций, которые процессор может выполнить за секунду. Современные процессоры имеют частоту в несколько гигагерц (ГГц), что позволяет им обрабатывать огромное количество данных в кратчайшие сроки.

Существует множество типов процессоров с разными архитектурами и наборами инструкций. Некоторые из них предназначены для мобильных устройств и потребляют меньше энергии, а другие - для серверов и обладают большей вычислительной мощностью.

Знание принципов работы процессора может помочь программисту улучшить производительность своего кода, оптимизировать его для выполнения на конкретных процессорах

24/04/2023

TypeScript in practice❗

1️⃣ Types

One of the key features of TypeScript is the ability to define types of variables, functions, and other program elements.

2️⃣ Interfaces

TypeScript also supports interfaces, which are special types that define the structure of an object or class.

3️⃣ Interface Inheritance

TypeScript allows you to inherit interfaces, which makes them more flexible and reusable. For example, consider the interfaces "Vehicle" and "Car", where "Car" is inherited from "Vehicle".

4️⃣ Improved autocomplete

TypeScript provides improved autocompletion and prompts while writing code. This makes the development process faster and more convenient because it reduces errors.

5️⃣ Checking for properties in an object

TypeScript allows you to check for properties in an object, which reduces errors and makes code safer.

6️⃣ Defining types for function parameters

TypeScript allows you to define types for function parameters, which makes code clearer and prevents errors when incorrect types are passed.

7️⃣ Optional properties in interfaces

TypeScript allows you to define optional properties in interfaces, which makes the code more flexible and usable.

21/04/2023

Начинаю погружаться в мир чистого кода!

”Чистый код” Роберта Мартина - это не просто книга о программировании, это истинный бестселлер в мире разработки программного обеспечения. Если вы хотите улучшить свои навыки программирования и написания читаемого кода, то необходимо прочитать эту книгу.

#чистыйкод #программирование #разработка #робертмартин #освоитьлучшиепрактики #улучшитьнавыки #хорошийкод #читаемыйкод #книги

20/04/2023

5 benefits of Using Typescript❗

1️⃣ TypeScript is a programming language that is an add-on to JavaScript that adds static typing and some other features. Although TypeScript may seem new and complicated to newcomers, it can be very useful for so1️⃣ TypeScript is a programming language that is an add-on to JavaScript that adds static typing and some other features. Although TypeScript may seem new and complicated to newcomers, it can be very useful for so development.

2️⃣ TypeScript is supported by all modern browsers, and can also be used on a server (using Node.js, for example). It also has widespread support in the development community and is used by many large projects.

3️⃣ One of the key features of TypeScript is the ability to define types of variables, functions, and other program elements. This makes the code more robust, readable, and maintainable. TypeScript also supports typed arrays, objects, classes, and interfaces.

4️⃣ Extended OOP support: TypeScript supports classes, interfaces, inheritance, and multiple inheritance, making code more modular, reusable, and maintainable.

5️⃣ Finally, TypeScript provides the ability to use static code analysis tools such as TypeScript Compiler and Linter. These tools can help detect bugs in the code as well as provide additional information about types and other characteristics of program elements.

In the next post, I'll talk in more detail about the benefits of TypeScript and how to use them in practice. We'll break down the main tricks of the language with examples so that you can better understand how it can improve your programming experience

#программирование #языкпрограммирования #разработка

18/04/2023

Решил для себя, что фотография станет моим новым хобби.

Я далек от творчества и искусства, но я подумал, что пора вносить изменения в жизнь и попробовать что-то новое. Я хочу научиться выражать себя творчески, наслаждаться хорошими фотографиями, и постепенно улучшать свой контент. Буду рад, если вы поделитесь со мной своими советами и рекомендациями!

#разработка #фотография

14/04/2023

Introduction to Docker❗

1️⃣ Introduction

Docker is a platform for creating, deploying, and managing applications using containers. Containers are lightweight and isolated environments in which applications and their dependencies run. Docker simplifies application development and deployment by providing a consistent environment and packing everything you need to run your application into a single container.

2️⃣ Advantages

A major benefit of Docker is that it provides a single and independent environment for an application, making it easier to test, deploy and scale applications. This allows developers and operators to maintain consistency between different environments, including on-premises, test and product environments.

3️⃣ Advantages(2)

Docker also has a number of other advantages, including fast container creation and deployment, the ability to run multiple applications in a single container, and automatic scaling and resource management. All of this makes Docker one of the most popular tools for application containerization.

4️⃣ Conclusion

In general, Docker is a powerful tool to simplify application development, testing and deployment. It allows you to create a single and independent environment for your application, which makes life easier for developers and operators, and reduces setup time

12/04/2023

Центральный процессор, или ЦП, является сердцем каждого компьютера и других электронных устройств.

Становление и развитие центрального процессора было невозможно без талантливых ученых и инженеров, таких как Роберт Нойс. Нойс был соучредителем компании Intel и одним из главных разработчиков первого коммерческого ЦП в мире - Intel 4004. Он также был известен как "отец" интегральной микросхемы, которая значительно улучшила производительность электронных устройств и стала основой для современной технологии.

В 1971 году компания Intel выпустила свой первый ЦП, называемый Intel 4004. Он был разработан для использования в калькуляторах и имел только 2300 транзисторов. Однако этот небольшой микропроцессор стал первым коммерчески успешным и заложил основу для развития компьютерной технологии.

С тех пор ЦП стали все более мощными и сложными. В 1981 году IBM выпустила свой первый персональный компьютер, который использовал ЦП Intel 8088.

В 1985 году Intel выпустила микропроцессор Intel 386, который был первым 32-битным ЦП и стал стандартом для многих компьютеров в течение следующих нескольких лет. Затем последовали ЦП Intel 486, Pentium, Core i и многие другие.

Сегодня ЦП используются везде - от мобильных устройств до суперкомпьютеров. Они стали невероятно мощными и способными обрабатывать огромные объемы данных за очень короткое время. Без центральных процессоров наш мир, как мы его знаем, был бы совершенно иным.

Таким образом, создание первого ЦП в 1971 году стало знаковой вехой в истории компьютерной технологии и привело к невероятному развитию этой области в последующие десятилетия.

#технологии #история #инновации #инженеры #разработка #интегральнаямикросхема #технопрогресс #компьютеры #электроника

10/04/2023

React Query❗

1️⃣ Introduction

React Query is a state management library that simplifies working with data in a React application. It is designed to perform server queries and manage data caching. It can greatly speed up the application development process and reduce the amount of code.

2️⃣ Basic principles

The basic principles of React Query are queries, mutations, and caching. Queries are for retrieving data from the server, mutations are for changing data on the server, and caching is for storing data in the browser's local storage. React Query automatically handles all queries and mutations, and manages data caching.

3️⃣ Examples of use

React Query allows you to work with both REST APIs and GraphQL APIs. Each type of API has its own functions that can be used to perform queries and mutations. React Query also provides the ability to customize queries and error handling.

4️⃣ More

React Query provides additional features that can be used for error handling, data refetching, and cache invalidation. Error handling allows you to handle errors that occur during query ex*****on, refetching allows you to update data on the server, and cache invalidation allows you to remove obsolete data from the browser's local storage.

5️⃣ Recommendations

When using React Query, i recommend following the principle of sole responsibility and breaking down your application into smaller, more manageable components.
In addition, pay attention to the structure of your cache and organize it so that it is easily accessible and scalable.
Also, don't forget to update the data when needed with cache refetching and handicapping features.
Finally, try to avoid redundant state management logic in your components and delegate it to React Query instead.

#фронтенд #программирование #интернет #кодинг #разработка #технологии #жизньпрограммиста

06/04/2023

«4 приема и стратегии, которые помогают мне управлять временем и достигать максимальной продуктивности»

1️⃣ Создание списка задач

Первый шаг для управления своим временем - создание списка задач.
Я ежедневно создаю список задач на день, на неделю и на месяц, чтобы знать, что нужно сделать и в каком порядке. Это помогает мне сохранять ясность и организованность в своей работе.

2️⃣ Установление приоритетов

Когда я создаю список задач, я также устанавливаю приоритеты. Я определяю, какие задачи более важны и требуют больше времени и усилий.
Затем я начинаю работу с самых важных задач и перехожу к менее важным по мере их выполнения.

3️⃣ Использование технологий для управления временем

Я использую различные технологии и приложения, чтобы управлять своим временем. Например, я использую приложение Notion, чтобы записывать свои мысли и задачи.

Использование метода "Eat That Frog"

4️⃣ Метод "Eat That Frog" - это стратегия, при которой вы начинаете свой день с выполнения наиболее неприятной или сложной задачи. Это позволяет вам избежать прокрастинации и сосредоточиться на выполнении важных задач. Когда самая трудная задача выполнена, все остальные задачи кажутся легкими.

Надеюсь, эти приемы и стратегии помогут вам управлять своим временем и достигать максимальной продуктивности!

03/04/2023

Programming languages❗

1️⃣ Java

Java is a programming language that was created in 1995. Today, Java is used to develop a variety of applications, including mobile applications, web applications, desktop applications, and more. One reason for Java's popularity is that it is cross platform, which means that applications written in Java can run on different operating systems.

2️⃣ Python

Python is another very popular programming language. Python is widely used in various fields such as data science, artificial intelligence, web development, and more. One of the reasons Python is popular is that it has a simple and straightforward syntax, making it ideal for novice developers.

3️⃣ JavaScript

JavaScript is a programming language that is used to create interactive web applications. JavaScript is used to create dynamic elements of web pages, such as drop-down menus, animations, and more. One of the reasons JavaScript is popular is that it is supported by all modern browsers.

4️⃣ Swift

Swift is a programming language that was created by Apple in 2014. Swift is used to develop applications for Apple operating systems such as iOS, macOS, watchOS, and tvOS. One of the reasons Swift is popular is that it is more secure and faster than its predecessor Objective-C

5️⃣ Go

Go is a programming language created in 2009 by Google. It was designed to improve the performance and efficiency of programming. Go is widely used for creating network applications, web servers, processing large amounts of data, and much more. One of the reasons Go is popular is that it is faster and more efficient than some other programming languages. It also has a simple and straightforward syntax, making it easy to learn and use.

01/04/2023

Жизнь – это не только работа, но и время, проведенное с семьей и друзьями. И только когда мы умеем находить баланс между всеми этими сферами, мы можем по-настоящему наслаждаться жизнью.

28/02/2023

SSR with NEXT.JS❗

1️⃣ Next.JS

The Next.js framework was created relatively recently - in 2016 inside the company Vercel (formerly Zeit). Its main task is to work with Server Side Render applications written in React. You can do it yourself with ReactDOMServer and conditional Express.js, but it's still not the best way, because the developer writes a lot of boilerplate code anyway. Next.js takes SSR application development to the next level and dilutes it with various optimizations.

2️⃣ 6 Principles

1. Working without customization. Using the file system as an API
2. JavaScript only. Everything is a function.
3. Automatic Server Side Rendering and code-splitting
4. Data fetching mechanism defined by developer
5. Preloading for better performance
6. Easy Deployment and Deployment

3️⃣ How Next.JS works

A browser makes a request for a page with information. The server receives the request, loads the necessary data from another server, generates HTML based on the received data and the React components you need at the moment. The browser immediately receives the HTML with the necessary information and shows it to the user, but the JS for interactivity is not loaded yet. The JS is then loaded in the background, after which it is embedded into the existing HTML code - this process is called hydration.

4️⃣ Data Fetching

getServerSideProps will be called on every request while the application is running. Internally, calls can be made to external services and APIs to get the latest up-to-date information. Depending on whether a person is visiting the site for the first time or just moving between pages, this call will be made either on the server or on the client.

getStaticProps will be called once when building the application; it will prepare the finished HTML files. Let's say you have a list of articles that are rarely updated. You can pre-render them with getStaticProps, and those pages will load faster because they already have all the information.

09/02/2023

Бывало ли у вас ощущение, что вы застряли в рутине на работе и просто нуждаетесь в смене обстановки? Иногда достаточно сменить обстановку, чтобы запустить творческий потенциал и взглянуть на свою работу с новой стороны.

Так почему бы не воспользоваться прекрасной погодой и не попробовать поработать в парке, на пляже или даже в собственном дворе? Попробуйте и посмотрите, как это может повысить вашу продуктивность.

#программирование #фронтенд #разработка #обучение #мотивация

06/02/2023

Server Side Rendering❗

1️⃣ The Problem

The main problem with Single Page applications is that the server gives the client a blank HTML page. It is generated only after all JS is downloaded (that is all your code, libraries, frameworks). This is in most cases more than 2 megabytes in size + delays for code processing.

2️⃣ Rendering

There are several ways to solve the problem of a blank page when loading, consider a few of them:

Static Site Generation (SSG): Make a prender of the site before it is uploaded to the server. A very simple and effective solution. Great for simple web pages without backend API interaction.

Server-Side Rendering (SSR). Rendering content in runtime on the server. With this approach, we can make backend API requests and render the HTML along with the necessary content.

3️⃣ SSR

We must have a server that executes our application just as a user would in a browser, displaying all the necessary HTML, filling the state.
The server gives the client the filled HTML, the filled state, and also gives all the necessary JS, CSS, and so on.

The client, receiving the HTML and resources, synchronizes the state and works with the application as with a normal Single Page Application. The important point here is that the state must be synchronized.

4️⃣ ISSR

This is a small library that can solve the problems of asynchronous data query processing and state synchronization from server to client.
This is not "another Next.JS killer", no! Next.JS is a great framework which has a lot of features, but in order to use it you'll have to rewrite your application and follow Next.JS rules.
In the next post we'll take a closer look at Next.JS.

5️⃣ SEO is not just about SSR

The main advantage of SSR is SEO optimization because we can use dynamic meta tags and other niceties of this technology, but Google bot criteria for SEO optimization includes a lot of metrics. Rendering data, getting the first byte, etc. are just some of the metrics!

When optimizing an app's SEO, you need to minimize the weight of images, gangplank, use HTML tags and HTML meta tags intelligently, and so on.