JavaScript

Showing 100-108 of 150 results
EngineeringIcon ChevronWeb Front-end

The GWT Toolkit: Build Powerful JavaScript Front Ends Using Java

by Alberto Mancini

The GWT Web Toolkit, formerly known as Google Web Toolkit, is a set of development tools for building and optimizing complex browser-based applications using the Java programming language. What makes GWT not "yet another Java tool to write web apps," is the fact that the heart of the toolkit is a compiler that converts Java into JavaScript, enabling developers to write front-end web applications while leveraging all of Java's strengths.

11 minute readContinue Reading
EngineeringIcon ChevronBack-end

Towards Updatable D3.js Charts

by Rob Moore

When Mike Bostock created D3.js, he introduced a tried and true reusable charts pattern for implementing the same chart in any number of selections. However, the limitations of this pattern are realized once the chart is initialized. In this article, Toptal engineer Rob Moore presents a revised reusable charts pattern that leverages the full power of D3.js.

11 minute readContinue Reading
EngineeringIcon ChevronBack-end

Software Reengineering: From Spaghetti to Clean Design

by Juan Pablo Scida

Inheriting someone else’s code can be a nightmare, especially when the code is poorly designed and lacks documentation. In this post, Toptal Engineer Juan Pablo Scida provides a case study of how he reengineered a chat server written in Node.js, transforming its original spaghetti code into a cleanly architected and designed piece of software.

10 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

Taming WebRTC with PeerJS: Making a Simple P2P Web Game

by Mahmud Ridwan

WebRTC has opened doors to all kinds of new peer-to-peer web applications and games that can run in the browser without the need of additional plugins. However, being a relatively new technology, it still poses some unique challenges to developers. PeerJS aims to tackle some of those challenges by providing an elegant API and insulating developers from WebRTC’s implementation differences. In this article, Toptal engineer Mahmud Ridwan provides an introductory tutorial to building a simple, peer-to-peer web game using PeerJS.

8 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

Responsive Design Is Not Enough, We Need Responsive Performance

by Vedran Aberle Tokić

Between square inch smart wristwatches and mammoth smart TVs, a responsive website capable of adapting to a wide array of screen sizes and device capabilities is something no one complains about. However, many websites are still plagued by desktop-first design paradigms, or mobile-first paradigms with absolutely no focus on performance. These traditional approaches to responsive web design have various shortcomings. Fortunately, some simple ideas can help solve these problems.

8 minute readContinue Reading
EngineeringIcon ChevronTechnology

How React Components Make UI Testing Easy

by Swizec Teller

Testing back-ends is easy. But testing front-end code is kinda hard. In the ten years I've been a developer, I hadn’t found a decent way to test user interaction and view rendering until I started poking at React.

11 minute readContinue Reading
EngineeringIcon ChevronData Science and Databases

Ultimate In-memory Data Collection Manipulation with Supergroup.js

by Sigfried Gold

In-memory data collection manipulation is something that we often need to do in data-centric reporting and visualization applications. When needed, we often tend to resort to complex loops, list comprehensions, and other suboptimal means, which can easily end up being a huge mess of hard-to-maintain spaghetti code. Supergroup.js is an in-memory data manipulation library that can be used to solve some common data manipulation challenges on limited datasets.

11 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

Ractive.js - Web Apps Made Easy

by Eugene Mirotin

Ractive.js provides powerful capabilities for web app development in a way that is refreshingly simple to learn and use. In this article, Toptal Engineer Eugene Mirotin walks you through the process of building a simple Ractive search app, demonstrating some of Ractive’s key features and the ways in which it helps simplify web app development. Code samples are provided and explained.

15 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

Navigating the React.js Ecosystem

by Tomas Holas

In this article, I'll go through some of the interesting features and libraries that are available to use with React. Even if you don't plan on using React, taking a look at its ecosystem is inspiring. You may want to simplify your build system using the powerful, yet comparatively easy to configure, module bundler Webpack, or start writing ECMAScript 6 and even ECMAScript 7 today with the Babel compiler. So, let's explore the React ecosystem!

22 minute readContinue Reading

Join the Toptal® community.