Published inLevel Up Coding·Mar 14Member-onlyHow to add 3D scene to your React appThe number of sites on the Internet is constantly growing. Today it is not enough to have a website attract the user’s attention. The sites have also become more complex and use more techniques to attract and hold the user’s attention. One of these techniques can be 3D graphics. The…Front End Development6 min readFront End Development6 min read
Published inLevel Up Coding·Mar 8Member-only4 ways to optimize performance of your React applicationIntroduction Every year, users become more and more demanding when it comes to applications. Where once users were satisfied only with having their problems solved, nowadays these problems must be solved quickly, smoothly, without delays or long loading times. …Front End Development7 min readFront End Development7 min read
Mar 2Member-onlyHow to create a search component using ReactIntroduction In this article, I would like to talk about the search component. This component is very often used in most web applications. It allows you to improve the user experience quite a lot. In this tutorial, I will show you how to make a simple search component for a movie…JavaScript4 min readJavaScript4 min read
Published inBits and Pieces·Feb 24Member-onlyKeyUp Event and ⌘(cmd) ProblemIntroduction Frontend developers often face the task of handling keyboard events. Recently, I encountered an interesting problem that prompted me to explore the issue more deeply. This article will help you avoid unwanted behaviour in your application or correct it. The problem arises on Mac OS when the “command” key is…JavaScript3 min readJavaScript3 min read
Feb 13GraphQL in simple words with examples | aboutfrontend.blogI. Introduction 👋 GraphQL is a query language for APIs that was developed by Facebook in 2012. It is an alternative to REST and has become popular due to its advantages: flexibility, efficiency, and simplicity. 👨💻 If you’re a beginner developer interested in using GraphQL in React, this article is for you…Front End Development6 min readFront End Development6 min read
Feb 11How to validate inputs in React application | aboutfrontend.blog👋 Introduction Web developers need to validate user inputs to ensure data accuracy and completeness. React provides a way to validate inputs, which can enhance the user experience by giving real-time feedback and blocking incomplete or invalid data submissions. …Frontend5 min readFrontend5 min read
Feb 6What is Redux and how to use it in React AppIn this article I will explain what Redux is and how to use it with React by creating a simple Counter app as an example. I. Introduction A. Overview of Redux Redux is a popular state management library for JavaScript applications, particularly for React. …React8 min readReact8 min read
Jan 24What is Progressive Web App (PWA) and how to use itIntroduction to Progressive Web Apps PWAs (Progressive Web Apps) provide native-like experiences using modern web tech. They work offline, load fast, and provide seamless experiences across devices. PWAs can be easily found via search engines and installed without app stores. They’re cost-effective and run on any device, including smartphones, tablets, and desktops. …Pwa6 min readPwa6 min read
Published inJavaScript in Plain English·Jan 18Member-onlyInactive Tab Throttling in BrowsersIntroduction I recently encountered a rather interesting problem when developing an application that uses long polling to send messages to the server. We were using setInterval to send messages, but we noticed that sometimes the interval between the messages was much longer than the interval in the code. With research, I…JavaScript3 min readJavaScript3 min read
