Blog>>Software development>>Frontend

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 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.
Robert Rochon

Robert Rochon

on Jun 24, 2022
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.
Michał Kuliński

Michał Kuliński

on Jun 22, 2022
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.
Karolina Rusinowicz

Karolina Rusinowicz

on Apr 8, 2022
Thumbnail of an article about Next.js — what do you need to know?
SOFTWARE DEVELOPMENT

Next.js — what do you need to know?

The Next.js framework is often appreciated both by developers and clients as a real helping hand when it comes to building front ends. However, there is still a lack of resources that clearly show the advantages of Next.js and how it can really help during the application development process. This article is full of the knowledge of Next.js that developers look for, and here they can learn about what Next.js is, what problems it solves, and its pros and cons. Next.js is an open-source JavaScript framework created by Vercel (previously Zeit).
Tomasz Kleszczewski

Tomasz Kleszczewski

on Jan 13, 2022
Thumbnail of an article about Where are my keys? React keys
SOFTWARE DEVELOPMENT

Where are my keys? React keys

We all have ways of remembering where we last put our apartment or car keys. After all, we all know the fear of losing them, don’t we? Applications written in React also have keys. And they are as important as those to your apartment. Or even more sometimes - especially when a deadline is around the corner and your React code is bright red. From this article, you'll learn about React's mysterious keys - both in theory and practice, what you need to know about indexes, and more. Last but not least, it will cover how to avoid the terrifying red color warning.
Robert Rochon

Robert Rochon

on Nov 10, 2021
Thumbnail of an article about MobX in React — learn the basics [Video Demonstration]
SOFTWARE DEVELOPMENT

MobX in React — learn the basics [Video Demonstration]

MobX and React are often used together to efficiently create component-based web applications. The process of integrating them can seem challenging at the beginning. This is why we haveprepared a comprehensive video guide for those who want to use MobX in React. Also known as React.js or ReactJS, React is an open source, JavaScript library that provides an output for data presented in HTML. The views of React are generally extracted through the deployment of “components.” These components can consist of additional components, which are specified in terms of custom HTML tags.
Karolina Rusinowicz

Karolina Rusinowicz

on Sep 23, 2021
Thumbnail of an article about Webpack 3 to webpack 4: tips on migrating
SOFTWARE DEVELOPMENT

Webpack 3 to webpack 4: tips on migrating

Having heard a lot about speed improvements, we recently migrated from webpack 3 to webpack 4. The results have been astonishing: our average build time improved by 30%, and hot-reloading by 83%! This article covers the following topics:1. The key benefits of migration2. How webpack 3 compares to webpack 4 in terms of build time3. How to effectively migrate from webpack 3 to webpack 44. The pitfalls to avoidI’ll start by saying our project is humongous, so builds are pretty slow. Our hot-update recently got so slow, in fact, that we decided something had to be done.
Damian Osipiuk

Damian Osipiuk

on Sep 6, 2018
123

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