Web Front-end

Showing 1-16 of 272 results

Share

React State Management Libraries: Top Tools and How to Choose One

Uncover the importance of deliberate state management in React applications and how to select tools that align with your team’s scalability and architectural needs.

20-minute readContinue Reading
Teimur Gasanov

Teimur Gasanov

Teimur is a software engineer with more than 10 years of experience building React applications. He partners with clients to design high-performing, scalable solutions and has held senior roles at a diverse range of companies, including at global fintech organization Klarna and most recently for AI-driven startup Speechify.

Angular vs. React: Which Is Better for Modern Front-end Development?

React still leads adoption, but Angular is more viable than ever. This in-depth comparison explains what’s changed, where each excels, and how to choose the right front-end framework or library based on team constraints, not hype.

23-minute readContinue Reading
Tomas Holas

Tomas Holas

Tomas is a web developer with extensive experience designing and scaling front-end architectures across React and Angular. He has led framework evaluations, application rewrites, and performance-focused refactors for production systems. Known for his business-focused approach, Tomas prioritizes simplicity, maintainability, and making clear architectural trade-offs.

The 10 Most Effective Shopify Tools for E-commerce Development, From an Ex-Shopify Engineering Leader

Shopify is the most widely used e-commerce platform for building and managing sophisticated online stores. This guide explores advanced developer tools and strategies designed to refine and optimize your Shopify development workflow.

15-minute readContinue Reading
Alex Massaad

Alex Massaad

Alex is a seasoned software engineer and manager with expertise in implementing scalable and reliable applications. He is well-versed in Ruby on Rails and React, as well as cloud technologies like AWS and Azure. Alex specializes in Shopify development and was previously a leader on Shopify’s engineering team for more than 10 years.

Using an LLM API As an Intelligent Virtual Assistant for Python Development

With proper instruction, LLMs can be highly effective coding assistants. This step-by-step guide shows you how to generate a call to an external API using Python and the OpenAI API.

16-minute readContinue Reading
Tarek Mohamed Mehrez

Tarek Mohamed Mehrez

Tarek is a software and data engineer specializing in machine learning, software architecture, DevOps, and back-end development. He has served as CTO of Thndr, a company backed by Y Combinator, and has published several research papers on machine learning. Tarek has a master’s degree in computational linguistics from the University of Stuttgart.

WordPress-powered Angular: JWT Authentication Using GraphQL

Setting up authentication in an app with a disparate front end and back end is tricky. This tutorial proposes an innovative solution using JWT and GraphQL.

15-minute readContinue Reading
Sajjad Hossain Sagor

Sajjad Hossain Sagor

Sajjad is a WordPress developer who specializes in developing themes, plugins, and WooCommerce add-ons. He has led high-budget projects for companies around the world and set up the back end for a WordPress website with more than 200,000 active users and millions of YouTube subscribers. He is also a core contributor to the WordPress community.

World-class articles, delivered weekly.

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

Next.js Rendering Techniques: How to Optimize Page Speed

Next.js is best known for server-side rendering, but these innovative strategies can help developers configure web apps for more speed, reduced server load, improved SEO, and much more.

14-minute readContinue Reading
Subhakar Tikkireddy

Subhakar Tikkireddy

Subhakar is a front-end developer with extensive experience using React, Next.js, and TypeScript. He specializes in creating MVPs for startups and has worked on projects ranging from cross-platform progressive web and React Native apps to AI-powered browser extensions and a crypto web app used by more than 10,000 investors.

Tested Solutions: Working With React Design Patterns

Design patterns offer a convenient way to tackle challenges with tried-and-tested solutions, saving developers time and effort. Here’s how React design patterns allow for coherent modules with less coupling.

15-minute readContinue Reading
Mudassir Ijaz

Mudassir Ijaz

Mudassir is a full-stack software engineer specializing in JavaScript frameworks and libraries. He has built many React apps as a senior engineer and has worked across the globe at companies like SAP, Bit, Kwanso, and VoicePing.

Next.js vs. React: A Comparative Tutorial

Discover the differences between React and Next.js, a framework used by companies like TikTok, Hulu, and Nike to supercharge their web apps. Plus: Learn when and how to use Next.js, including rendering, routing, page, and navigation tips.

9-minute readContinue Reading
Ayyaz Ali

Ayyaz Ali

Ayyaz is a full-stack developer, founder, and CTO with eight years of experience in a variety of React and JavaScript frameworks. He has deep expertise in handling product builds, and developed an online education platform that has served more than a million students around the world.

Reusable State Management With RxJS, React, and Custom Libraries

Discover a powerful RxJS and React approach that adds state management to single-page applications. RxJS provides an elegant, succinct, and comfortable implementation for developers that becomes more effective with custom libraries.

15-minute readContinue Reading
Mark Evans

Mark Evans

Mark is a full-stack software engineer who has written applications for major service companies including Intel, Disney, Sky, and Vodafone. He has led React and RxJS teams from prototype through commercial release, and holds master’s degrees in physics from Oxford University and King’s College.

The Secret Behind Steady App Performance: Asynchronous JavaScript

JavaScript’s default synchronous methods can freeze an application, scaring off end users. Here’s how you can leverage asynchronous JavaScript techniques to increase control over front-end responsiveness.

7-minute readContinue Reading
Muhammad Ammar Ilyas

Muhammad Ammar Ilyas

Muhammad is a full-stack developer with more than a decade of experience delivering web and mobile applications for various companies, including Scopic, Microblink, and Resulta. He has JavaScript expertise ranging across Node.js, Next.js, React, React Native, and headless WordPress solutions.

SolidJS vs. React: The Go-to Guide

SolidJS is a blazing-fast framework that dodges virtual DOM manipulation. Let’s see how it compares to React, the industry standard, when it comes to components, performance, and developer productivity.

7-minute readContinue Reading
Nathan Babcock

Nathan Babcock

Nathan is a senior React engineer and an expert in streamlining UI/UX with React. As the lead design engineer at Motorola Solutions, he marshaled a product combining React, Angular, and Svelte to company-wide deployment, garnering more than 100,000 downloads. Nathan also developed Hypetrigger, a popular machine vision system for use with streaming services and that is built with React and SolidJS for the front end.

Demystifying Debugging With React Developer Tools

Bugs are often buried deep within the code and software developers spend a great deal of time hunting them down. Many software developers debug front-end code using the browser’s console logging, but this is cumbersome and inefficient. Discover how React Developer Tools can speed up the debugging process by providing powerful tools to inspect components, monitor state and props, and track rendering and performance.

11-minute readContinue Reading
Teimur Gasanov

Teimur Gasanov

Teimur is a software developer specializing in web application development. He has extensive experience developing with front-end technologies, such as React, TypeScript, and JavaScript, and has implemented applications for innovative companies such as Klarna, where he designed interfaces for interacting with digital wallets from Apple, Google, and Samsung.

Kotlin vs. Java: All-purpose Uses and Android Apps

Kotlin and Java are two powerful general-purpose languages popular for Android and beyond. We’ll discuss their top features and differences, then focus on how to smoothly transition between the two.

13-minute readContinue Reading
Gabe Giro

Gabe Giro

Gabriel is a senior Android engineer with nine years of experience building apps from scratch in Kotlin and Java, and facilitating conversions between the two languages. Gabriel has worked on multimillion-dollar apps and has industry experience at companies like HBO and Yahoo.

Investing in Unit Testing: Benefits and Approaches

Stakeholders demand quick fixes for a buggy app release. Such patching is costly, and does not always offer a complete solution. Break the cycle with unit testing, a worthwhile investment in project quality.

10-minute readContinue Reading
Dacian Florea

Dacian Florea

Dacian is a senior full-stack mobile applications developer and a contributor to the Flutter framework. He specializes in rigorous testing solutions that help companies around the world design and deliver quality software applications.

Building Simple and Efficient Components With React-Bootstrap

With websites being viewed on so many different types of devices and in so many screen sizes, a responsive user interface is more important than ever. Leverage the power of two popular technologies with the React-Bootstrap library for performant, responsive components.

8-minute readContinue Reading
Matej Bilić

Matej Bilić

Matej is a full-stack developer with expertise across a variety of back-end and web technologies, including React, React Native, Bootstrap, and Django. He specializes in advanced web applications and built a global, bilingual travel and tourism app using React and React Native.

Heavy Computation Made Lighter: React Memoization

Unnecessary component computation drastically reduces application performance. Avoid this pitfall by using React memoization hooks and render component caching.

11-minute readContinue Reading
Prateek Karki

Prateek Karki

Prateek is a React engineer with more than seven years of experience in web development. An expert in delivering a top-tier user experience through the union of engineering and design, he has worked on enterprise-scale solutions in diverse industries, including roles at Precision Drilling and Fresh Tracks Canada.

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.