How to create a quick search component using Apollo lazy query

When React renders a component that calls the useQuery hook, the Apollo Client runs the query automatically. Sometimes you need to query for data on some event. To do so you can use the useLazyQuery hook.

10 Answers to Your Questions About Magento Enterprise Versions

In this article, I would like to answer the most frequently asked questions about Magento platform and its available versions

The Anatomy of Great Code Quality

Code quality indicates how well the code is ranked and bad. Read about the challenges facing software development teams

How to mock GraphQL queries and mutations in Apollo Client

GraphQL lets a frontend developer quickly mock sample data, and switch to real data when the backend is done. In this tutorial I show how to mock fields, queries and mutations on client side

The full-stack guide to the GraphQL query [ how to get started ]

Nowadays, GraphQL is becoming more and more popular. I would like to show you how to get started with it and how to query for data to GraphQL APIs

2 ways of handling GraphQL errors in Apollo Client (React)

If you use Graphql Apollo Client with React there are two ways of handling errors: query/mutation level and application level. Read what those approaches offer.

The reality of support for Magento 2 shipping methods in headless storefronts

Shipping methods are essential for each web store owner, and one of the most frequently asked questions about headless storefront is: "Does PWA Studio (or VSF) support all of the shipping methods available in the Magento backend?". I did a small investigation, and I would like to show you how shipping methods are rendered on the PWA Studio storefront.

How to import Magento GraphQL schema to Postman

How to export Magento 2 GraphQL API schema using Apollo Rover and import it to Postman

Magento GraphQL: How to resolve URL

I want to show you a practical example of how to scaffold a headless app connected with Magento GraphQL and fetch appropriate data from Magento based on a given URL.

Magento GraphQL: Overview and How to Get Started in 2022

Magento 2 has supported GraphQL for a while, and in the case of creating a headless storefront, GraphQL API is a perfect choice. I want to show you the benefits of using GraphQL API and how to use it with Magento

10 ES6 JavaScript features you must know, and one that you won't ever use in web projects

When you want to dive into React or Vue, you should be familiar with ES6 features. Read this article and show commonly used ES6 features.

React Context API: It's Not as Difficult as You Think

React Context gives data about the components regardless of the level of the component tree. The Context allows managing global data, such as global theme services, user preference, notifications, or more.

Vue component here, Vue components there. Components everywhere!

This Vue is a Javascript framework for building web apps. As with other frameworks, it allows using reusable components. Check how to use components in Vue

How to get started with vue (part1)

Vue JS is a progressive framework for creating view layers of web apps. Check how to get started coding with Vue.

Introduction to the Apollo local state and reactive variables

Apollo client 3 enables the management of a local state through incorporating field policies and reactive variables. Take a look how to manage local state with Apollo client

Magento 2 product types

Magento 2 is an advanced eCommerce platform providing many options to develop an online store. The community version of Magento has several exciting features and options, one of them being product management.

How to get started with routing in React apps with React Router

React itself is focused on building user interfaces, and it lacks a fully integrated routing solution. React Router is React's most popular routing library. Check how to get started with React Router

Why We Love Headless eCommerce (And You Should, Too!)

headless eCommerce becomes more and more popular and it definitely will be the future of eCommerce. Check out what exactly headless eCommerce is!

What is react redux, and what development of redux apps looks in 2021

I want to invite you to the journey throughout react-redux. Check how development of redux app looks like and and what you need to pay special attention to.

What is JSX in React, and is it worth making friends with it

JSX is an HTML-like syntax from React that extends ECMAScript. JSX allows you to write HTML code mixed with JavaScript. Get started with JSX.

Getting started with Magento PWA Studio targetables

Magento PWA offers a powerful mechanism for adding customizations called: targetables that allow you to modify the JSX output of your PWA (React) App during build-time. In this guide, I would show you how that mechanism works and how to use it in a real project.

7 People to follow when you want to learn React + pro-hint how to learn

I would like to share with you seven people from whom you can learn the React and pro-hint how to learn (nothing special, do not read it – it's at the end of the article.

What is the difference between PWA Studio and the current Magento frontend

PWA Studio is becoming increasingly popular, and I think it will be the base frontend for Magento stores in the future. This change will be a big challenge for frontend developers because working with PWA Studio is entirely different from working with the current Magento frontend.

7 Undeniable Reasons to Love Vue Storefront 2

It can be surprising when PWA Studio developer and contributor praises a competitive solution, but it happens! After few weeks of research & work with the Vuestorefront, I want to show you 7 reasons why I loved that tool and why you should!

PWA Studio vs. Magento Luma: features comparison

PWA Studio is growing, and month by month, new features are being added. PWA and headless are hot topics right now, but the current Magento monolithic frontend based on the Magento Luma theme is still the first choice for merchants