What’s wrong with the blockchain? Is it a breakthrough or just a scam. Do we need this? or it’s useless?

Image for post
Image for post
Photo by Sander Weeteling on Unsplash

Blockchain and cryptocurrencies are one of the most popular words nowadays. Everybody is talking about it or even have heard these two before, but mostly no one can really explain how it’s done, what’s behind, why is so secure (as people claims) and finally (the most important) — what kind of problems it solves (or maybe not? scam?).

Sifting through the pile of fake news

The problem is we don’t verify anything. We read some piece of information and instantly we believe that’s true. It’s easier instead of digging into that and find out on the own what’s underneath. …

We are constantly improving and working on Vue Storefront. The community is growing rapidly and the product is becoming more and more popular among businesses. We would like to show you a roadmap and what is going on behind the scenes.

Image for post
Image for post

We recently had a really cool hangout with our community, during which we showed what we are working on right now and revealed some of our plans for the future. Don’t worry if you missed it, there is a link to the recording below and this article will also summarize some of the topics from the hangout and shares our plans for the entire Vue Storefront ecosystem.

Two parallel pipelines

Vue Storefront 1.x takes most of our time and focus, but we are still thinking about improving our product for the future. …

Headless storefronts are becoming more and more popular and the market shows us that demand for this software is growing rapidly. Customers keep asking for different eCommerce platforms and the most mentioned one is commercetools — here is where the journey starts.

Image for post
Image for post

Vue Storefront Next in the making.

Not so long ago, we started an R&D project testing some new architectural concepts for Vue Storefront.

Vue Storefront Next is quite a different approach; it is much leaner, based on Storefront UI with simplified tech stack, and leverages the native platform SDKs/data formats. Supporting the new backend platform is potentially a good chance to test out some new architecture decisions because it won’t mess with the existing Vue Storefront projects and users. We have learned a lot and, based on that experience, we feel that we’re able to do even more.

This new architecture which we are testing in the Next R&D stream, consists of independent packages that are inter-connected. By using them, you are able to build agnostic software and integrate it with any platform you want.

We have released Vue Storefront 1.11-rc2, which means that the stable version 1.11 is right around the corner, but it’s not the only news that we want to share with you!

Image for post
Image for post


First of all, let me introduce myself because some of you probably don’t know why even I’m the author of this blog post.

I’m Patryk, and for about one month, I’ve been supporting the Vue Storefront core team as a technical leader. I took over responsibilities such as releasing new versions of our PWA for eCommerce, setting deadlines, planning roadmaps, assigning tasks, etc., and also listening to the community, their problems and demands in order to provide the best storefront ever!

Image for post
Image for post

You can reach me on our community slack (@andrzejewsky), twitter, linkedin, or github.

Now, let’s move on to the next section. I’m glad I can share a couple of pieces of news from my side and some information about what we are currently working on. …

Something about Netflix UI written in React and animated by CSS.

Image for post
Image for post

You probably have seen the Netflix user interface. Most of this interface consists of big sliders with expressive hover effect which is used for displaying movies and related information. Every single element contains a thumbnail of the movie, but when you hover, it will be zoomed and the rest of the elements will translate sideways — that’s how it basically works.

Today I want to show you that there is no magic, and it’s possible to do this in just a few steps.

💡Starting with container

At the beginning, let’s try to write that slider but without any hover or sliding effects. …

Going through the Optimistic UI approach in pure React apps and Apollo Graphql

Image for post
Image for post
Photo by Hal Gatewood on Unsplash

As front-end engineers, we want to provide the most reliable and comprehensive user interface by using many techniques, new technologies, frameworks or just our knowledge and experience. Everything just to achieve a better user experience and ensuring a clear and meaningful interface for the end user of our application.

Nowadays, one well-known technique that could improve our apps, is the Optimistic UI. This is a very simple solution to avoid some part of the loading states during the updates and pretending that some long time actions are called immediately. …

Are you a beginner in the react world? Or you want to go deeper and see how it works? — this post is for you! Let’s try to wire our own redux implementation.

Image for post
Image for post
Photo by Steve Shreve on Unsplash

Undoubtedly, everyone who has ever worked with react-based apps has heard about Redux. If you wanted to write a more complicated app, you would probably need to use a state management, such as Redux. It is the most popular solution for this, but there are alternatives, like MobX or just clean Context API, which was released recently — some developers claim that they would use this instead…

The implementation from scratch

Let’s consider the following app:

An example of the basic redux-based app

This is a just clean example of redux-based application. There is only one simple component that is connected to the redux cycle (Counter). We have two buttons inside: increment and decrement. …


Patryk Andrzejewski

Core Tech Lead @vue-storefront

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