Web Front-end

Showing 17-32 of 271 results

Share

React Router Tutorial: Redirect Like a Pro

Naive React routing increases risk and maintenance. This tutorial provides a full exploration of routing approaches, achieving an elegant solution that seamlessly fits into any React code base.

7-minute readContinue Reading
Nathan Babcock

Nathan Babcock

Nathan is a front-end and full-stack developer, and an expert in streamlining UI/UX with React. As the lead design engineer at Motorola Solutions, he marshaled an internal product that included React, Angular, Svelte, and native web components from prototype to corporatewide deployment—garnering more than 100,000 downloads.

Unit Testing in Flutter: From Workflow Essentials to Complex Scenarios

Incorporate comprehensive unit testing into your Flutter project to ensure best practices and reduce bugs before—not after—the app’s release.

10-minute readContinue Reading
Dacian Florea

Dacian Florea

Dacian is a senior full-stack mobile applications developer, a Flutter expert, and a contributor to the Flutter framework. He helps companies around the world design and implement quality software solutions and deliver excellent user experiences.

A .NET Programmer’s Guide to CancellationToken

Microsoft created a standardized cancellation implementation that has far-reaching capabilities beyond its original use case—from application run states and timeouts to interprocess communications.

7-minute readContinue Reading
Davit Asryan

Davit Asryan

Davit is a software engineer specializing in .NET and C#. He has created enterprise software for companies like Veritas, serving as a Senior Principal Software Developer. Davit has overseen complex architecture migrations and worked on multimillion-dollar projects.

.NET on Linux: Simpler Than It Seems

Discover Microsoft .NET’s cross-platform development capabilities by building a Dockerized ASP.NET and Entity Framework application on Linux.

8-minute readContinue Reading
Zablon Dawit

Zablon Dawit

Zablon is a full-stack web developer specializing in ASP.NET and JavaScript. He has created enterprise software for various companies, including Pelmorex Corp and S.R.E Software Development.

The 10 Most Common JavaScript Issues Developers Face

At first, JavaScript may seem quite simple. Yet the language is significantly more nuanced, powerful, and complex than one would initially be led to believe. Many of JavaScript’s subtleties lead to a number of common problems—10 of which we discuss here—that keep code from behaving as intended. It’s important to be aware of and avoid these pitfalls in one’s quest to become a master JavaScript developer.

13-minute readContinue Reading
Ryan J. Peterson

Ryan J. Peterson

Ryan is an architect, entrepreneur, and developer. He is skilled in building cloud-scalable, extensible software systems.

World-class articles, delivered weekly.

By entering your email, you are agreeing to our privacy policy.

Harness the Power of WordPress Hooks: Actions and Filters Explained

WordPress developers might be tempted to customize this popular website builder directly, but that approach creates ongoing maintenance headaches. Fortunately, there’s a clean way to extend functionality: via WordPress hooks, actions, and filters.

11-minute readContinue Reading
Tahir Shahzad

Tahir Shahzad

Tahir is a full-stack web developer specializing in WordPress and AI. He has been featured as a speaker at several WordPress Meetups and WordCamps.

PageSpeed Insights Best Practices: Acing Google’s Assessment

Page speed is an important ranking attribute for search engines, making performance optimization a prerequisite for successful sites. Here’s how Google PageSpeed Insights can help identify and rectify performance issues.

11-minute readContinue Reading
Timofey Bugaevsky

Timofey Bugaevsky

Timofey is a CTO and veteran full-stack engineer with over 18 years of experience developing new products and sustaining existing ones. He holds an Engineer’s Degree in Robotics and an MBA.

TypeScript vs. JavaScript: Your Go-to Guide

Considering you can include as much plain JavaScript as you like in your TypeScript project, what factors should you consider when choosing TypeScript for your application? Let’s explore.

10-minute readContinue Reading
Daniele Monesi

Daniele Monesi

Daniele is a full-stack developer and cloud solution architect who has worked with many software environments, such as Java-based back ends, Angular- and React-based front ends, and serverless or hybrid cloud infrastructures.

How to Approach SVG Animations in CSS

Animations make websites look more polished and exciting, and help improve user experience. Explore how the combined potential of SVG and CSS can be leveraged to create animations without relying on external libraries.

13-minute readContinue Reading
Filip Defar

Filip Defar

Filip is a web developer with expertise in highly interactive front-end applications. He helped build data visualizations for several BI products while working for companies such as AlignAlytics and Captario.

Using RTK Query in React Apps With Redux Toolkit

RTK Query, part of the Redux Toolkit, provides powerful data-fetching and caching capabilities similar to React Query. This article highlights the functionalities of RTK Query and demonstrates its use in real-life scenarios, complete with detailed code examples.

19-minute readContinue Reading
Gurami Dagundaridze

Gurami Dagundaridze

Gurami is a full-stack developer with experience implementing applications in the finance, healthcare, gaming, and entertainment industries. He has worked with a variety of technologies, including React, Node.js, JavaScript, TypeScript, and GraphQL. As a senior front-end engineer at the Bank of Georgia, he led a team that developed a workflow management system, using technologies like Angular and HTML5 and creating a custom UI kit to extend the Semantic UI framework.

Visual Regression Testing With Cypress: A Pragmatic Approach

Visual regression testing is not a new concept. Toptal engineers routinely use it, but with looming deadlines, they sometimes need to innovate and improvise.

This article demonstrates how Toptal QA specialists leveraged UI testing and Cypress to run visual regression tests without resorting to specialized tools.

7-minute readContinue Reading
Rafael Anachoreta

Rafael Anachoreta

Rafael is a senior QA engineer with nearly 10 years of experience working with testing, automation, and monitoring to make teams and products better.

React SEO Strategies and Best Practices

While React is often lauded for making front-end development more efficient, this popular library can be problematic for search engines.

In this article, Toptal data visualization engineer Vineet Markan examines why React is challenging for SEO and outlines what software engineers can do to improve the search rankings of React websites.

13-minute readContinue Reading
Vineet Markan

Vineet Markan

Vineet specializes in building data visualization interfaces and has used React extensively in his projects.

A Deep Dive Into NgRx Advantages and Features

NgRx is a popular Angular state management library, but to unlock its full potential developers may require a few new skills.

In this article, Toptal Full-stack Developer Luka Onikadze explains why he became an NgRx admirer after starting off as a skeptic.

18-minute readContinue Reading
Luka Onikadze

Luka Onikadze

With solid full-stack experience, Luka is currently working as a front-end team lead and developer, specializing in Node.js, Angular, and JavaScript.

Picasso: How to Test a Component Library

Testing can be a daunting task even for experienced teams with an abundance of resources. How do Toptal developers write tests and what do they use?

In this article, Toptal React Developer Boris Yordanov introduces you to Picasso, a component library designed by our developers for in-house use.

7-minute readContinue Reading
Boris Yordanov

Boris Yordanov

Boris works mainly with vanilla JavaScript and the most popular JavaScript frameworks like Angular, React, and Meteor.

Reduce Boilerplate Code With Scala Macros and Quasiquotes

The concise syntax of Scala usually helps developers avoid writing boilerplate. When repetitive code is required anyway, developers can use macros and quasiquotes to keep code clean and maintainable. Here’s how.

6-minute readContinue Reading
Alain-Michel Chomnoue Nghemning

Alain-Michel Chomnoue Nghemning

As Chief Architect and Java expert for a remote work company, Alain has led software development teams to impact thousands of users’ work.

Creating Live Dashboards With Airtable and React

Reporting and visualizing data is crucial to businesses of all sizes. Dashboards allow users to efficiently access and use this data for a range of business operations.

In this article, Toptal Full-stack Engineer Dylan Golow demonstrates how he created a powerful dashboard for telemedicine using Airtable, Typeform, and React.

12-minute readContinue Reading
Dylan Golow

Dylan Golow

Dylan is a full-stack engineer with extensive experience in various industries, including eCommerce, healthcare, and professional services.

Toptal Engineering Expert

Gabriel is a highly efficient and reliable professional who possesses a broad skill set for web application development. He's been working on a range of products and clients—from working on scalability problems in production engineering teams at Shopify and Autodesk to launching new applications for startups. Most of his work consists of leading technical teams, by creating an easy development environment, fixing technical debts, providing best practices code examples, and mentoring devs.
Read more

Previously At

Shopify

World-class articles, delivered weekly.

By entering your email, you are agreeing to our privacy policy.

Join the Toptal® community.