Web Development

Are you planning to build an outstanding web application? Whether you want it to be user-friendly, high-performance, or extremely SEO friendly, we will help you get there. Use the advice of experienced React and web developers and learn the best use cases and practices in a modern world of Web.

How To Use Next.js as a Static Site Generator

Static Site Generators are becoming extremely popular in the world of web development and Next.js is a proud competitor in this race.

Hosting Gatsby & Storybook on GitLab Pages

Hosting Gatsby and Storybook on Gitlab Pages is a great substitute for Netlify and comes with many interesting advantages.

Building App With React, TypeScript, and Parcel

Learn how to use Parcel – a JavaScript bundler to help you build a React app without any configuration.

How To Use Framer Motion With React, TypeScript and StyledComponents?

As you already know, Framer Motion is a really powerful animation library for React. Now it’s time to start using it. Here are some basics. How to start with Framer Motion To start with Framer Motion for React you have to install the right package: npm yarn Next step is to import posed from react-pose […]

What Is Framer Motion – Bring Your Website To Life!

Why bother with Framer Motion? You are exposed to around 5000 online messages begging you to read the offer each day. But can you remember at least ONE from yesterday? We literally ignore almost everything we see on the screen. Mostly because what we see on our screen is not appealing, interesting, nor is inviting […]

Generics in Typescript – Typing Reusable Parts of Code.

Introduction to Generic Typing in TypeScript If you follow the DRY rule in writing your code in Typescript, the Generic Types are for you! Thanks to Generic Types you can easily create reusable functions, interfaces or classes instead of writing single types for each one. Generics allow you to use different types of providing parameters […]

What Is Strapi And How To Build Your First API?

Introduction We can read in an official Strapi website– “The open-source Headless CMS Front-End Developers love”. I wanted to experience this firsthand, so I had to get into Strapi world. In this article, I will share my insights about headless cms’, describe Strapi in detail, and few ways to connect it to any view layer. […]

What is PassportJS And How To Integrate It?

By the official definition: “Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application. A comprehensive set of strategies support authentication using a username and password, Facebook, Twitter, and more.” So basically PassportJS manages session user for us and gives us a lot of […]

Web Accessibility in React & Gatsby Projects

Building new websites require following few interesting rules, so let me quickly explain the basics of web accessibility in React and Gatsby projects. What is Accessibility and Web Accessibility? Accessibility is the degree to which an environment is usable by as many people as possible. Web Accessibility is the degree to which a website is […]

Finch Front-End Conference – What We Have Learned?

In September we had a great opportunity to meet Edinburgh for one of the most interesting front-end conferences in the world! Finch Front-End Conference! The agenda was quite long, but I will bring out more details from the speeches I loved the most and learned the most. To see the full agenda, go to Finch […]