Web Front-end

Showing 1-16 of 272 results

Share

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.

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.

World-class articles, delivered weekly.

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

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 eight 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.

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.

Toptal Engineering Expert

Gabriel Courtemanche

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.