BLOG / ... / Frontend

details

Frontend development focuses on creating the user interface of a website or application. Frontend developers work with various technologies to design and build the visual elements that users interact with. Effective frontend development is essential for delivering a seamless and enjoyable user experience, regardless of the device or browser used.

Thumbnail of an article about Angular component state management — how to do it with RxAngular and NgRx
SOFTWARE DEVELOPMENT

Angular component state management — how to do it with RxAngular and NgRx

State management is already a well-established concept in programming but that does not mean it’s a done deal. Widely used in commercial applications, the concept is still evolving and new ideas are still being developed. In this article, I’m going to focus on web applications built with Angular, however some concepts may be similar and applicable to other frontend frameworks for software development. Let’s begin with a quick reminder about the evolution of state handling in web apps. Around 2015, when the Redux concept was introduced, the only state was the global state app.
Thumbnail of an article about React confetti — let’s celebrate with JavaScript libraries!
SOFTWARE DEVELOPMENT

React confetti — let’s celebrate with JavaScript libraries!

Anniversaries, big and small achievements, public or religious holidays. We are looking for opportunities to celebrate them in our lives, as it gives us joy and happiness. It can be useful and fun to include this experience even in an otherwise ‘Very Serious And Important Application’. This article will focus on the confetti effect – how can you create it, what solutions can be helpful, and if it is a real thing to celebrate. In the text, you will also find code examples to make this journey more enjoyable!
Thumbnail of an article about Top 6 frontend trends for 2023 and beyond
SOFTWARE DEVELOPMENT

Top 6 frontend trends for 2023 and beyond

Trends can come and go rather quickly, and that is especially true for software frontend development. Still, every business owner wants their application to beat the competition, and simply attracting new users is not enough, it is important they continue using the service. Nothing helps in this ongoing battle like making sure your web apps or mobile apps offer the best user experience to customers, which means it is totally worth it to keep up with the latest advancements in the field of frontend development.
Thumbnail of an article about How to build masonry layout in 5 minutes?
SOFTWARE DEVELOPMENT

How to build masonry layout in 5 minutes?

Have you ever heard of the so-called masonry layout, as seen on Pinterest? In short, it consists of elements of unequal size stacked one after the other in the direction of the line. As they move to the next line, the items will move into the gaps left by the smaller items in the previous line. Preparing this type of layout is not a simple task. In 2010, David DeSandro implemented the 'Masonry' library to create this type of layout (Masonry library). However, the implementation of this layout is pretty complicated.
Thumbnail of an article about Enzyme vs React Testing Library — what to choose?
SOFTWARE DEVELOPMENT

Enzyme vs React Testing Library — what to choose?

When developers work on frontend applications, there is a lot of manual testing of written code, to make sure that everything works well in the UI. This process is time-consuming, and we want to make sure that after we finish the work on the feature, it behaves as expected - this is where tests come into play. This article will compare two popular component testing tools for React applications - Enzyme and React Testing Library. At the end of 2015, EnzymeJS was released to the public and started getting traction immediately.
Thumbnail of an article about Top 10 frontend frameworks for software development
SOFTWARE DEVELOPMENT

Top 10 frontend frameworks for software development

Frontend frameworks are a huge advantage while developing a website or an app. They are structures that will help you create an outstanding user experience, satisfy your clients and boost your business. Frameworks provide templates to interact with and are compatible with various libraries, which results in boosting your performance and, at the same time, reducing the amount of code required. However, with so many options to choose from it is easy to get overwhelmed. In this article we will present the top 10 frontend frameworks and their main features to help you choose the perfect one for your project.
Thumbnail of an article about Axios vs. Fetch API — which is better for HTTP requests?
SOFTWARE DEVELOPMENT

Axios vs. Fetch API — which is better for HTTP requests?

Whether making a network request for cat photos or network latency data, we need a tool that allows us to perform such operations. Retrieving or modifying API data from a server is a vital part of most web applications. Use cases include: loading user information, receiving updates from the server,and many, many more. In this article, we'll compare two of the most widely-used options for making HTTP requests - Axios and Fetch. If you've worked with JavaScript lately, there's a good chance you worked with Axios.
Thumbnail of an article about CSS Container Queries. Why so enthusiastic about those?
SOFTWARE DEVELOPMENT

CSS Container Queries. Why so enthusiastic about those?

A front-end developer spends time adjusting CSS to the app they are working on, how much time depends on the specific project. Many people assume this is the easy part. I thought so too, but now I think I was wrong. CSS, or Cascading Style Sheets, is a style sheet language that focuses on the presentational part of the layout. Some people enjoy it, some even love it, but there are people who avoid it at any cost and try to focus, for example, on JavaScript logic instead. There are times that I feel like I belong to both groups.
Thumbnail of an article about Why should you be grateful for act() warnings in React tests
SOFTWARE DEVELOPMENT

Why should you be grateful for act() warnings in React tests

If you have ever written a test using the React Testing Library there is a good chance you have encountered the notorious act() warning. Usually, a solution can be found through intuition and/or a lucky guess, but not this time, though. Welcome! Let’s dive deeper into act() warnings to really understand them. I have created an uncomplicated newsletter app to act as a simple example.
Thumbnail of an article about MobX in React — Scalable State Management
SOFTWARE DEVELOPMENT

MobX in React — Scalable State Management

MobX in React – using the MobX library in React-based applications – was the first part of our tech talk in which our principal frontend engineer covered the basics. This first video covered topics like what MobX is, how it works, how to use it outside React, and how MobX can be integrated with React components. The next episode focuses on reviewing types of states in Single Page Application (SPA), how to scale SPA using dependency injection with the react-ioc library and what benefits it offers, and points out the areas for MobX.Everything to provide you with knowledge about the best state management for React, and scalable state management in MobX.
arrow

Get your project estimate

For businesses that need support in their software or network engineering projects, please fill in the form and we’ll get back to you within one business day.

For businesses that need support in their software or network engineering projects, please fill in the form and we’ll get back to you within one business day.

We guarantee 100% privacy.

Trusted by leaders:

Cisco Systems
Palo Alto Services
Equinix
Jupiter Networks
Nutanix