InfoQ Homepage JavaScript Content on InfoQ
-
/articles/polypane-developer-browser-interview/en/smallimage/polypane-developer-browser-interview-s-1587474257028.jpg)
Interview with Creator of Polypane, a Powerful Browser for Developers
Polypane is a powerful development web browser with many features to assist during the development of web applications and websites. We recently had the opportunity to sit down with Polypane creator Kilian Valkhof to learn more about what Polypane is, the motivation behind it, the technology used, challenges in creating the product, future direction, and much more.
-
/articles/pieces-data-routing-transitions/en/smallimage/How-to-Collect-Pieces-of-Data-logo-1584454807333.jpg)
How to Collect Pieces of Data
Pieces, a new JavaScript library I have created, takes these two problems of routing and page transitions and tackles them together. After all, they're both concerned with what happens when the app changes from one view to another. The idea is that the developer creates the individual pages and lets Pieces worry about everything involved in changing between them.
-
/articles/javascript-web-development-trends-2020/en/smallimage/InfoQ-Trend-Report-logo-1583763626471.jpg)
JavaScript and Web Development InfoQ Trends Report 2020
The web development space is always an interesting one for us, with new JavaScript projects launched almost daily. Trying to decide which ones to focus on and which ones to ignore is particularly challenging. Developers can learn and gather inspiration from interesting approaches even if they do not currently use them in their daily development efforts.
-
/articles/functional-UI-introduction-no-framework/en/smallimage/Functional-UI-Framework-Free-at-Last-logo-1579009823028.jpg)
Functional UI (Framework-Free at Last)
Functional UI is a set of techniques which rely heavily on functional programming to develop user interface applications. While deceptively simple, functional UI techniques are surprisingly powerful. Functional UI directly reflects the application's specifications, allows developers to unit-test user scenarios, and UI frameworks become mere libraries. Framework-free at last!
-
/articles/datum-data-binding-library/en/smallimage/logo-2-1577888009506.jpg)
The Datum Data Binding Library
There has been an explosion of frameworks and libraries for making single page applications for the web. Angular, React, Vue and quite a few others have made it easier to develop on the web and helped fuel its growth as webapps have become more dynamic and interactive. Howeve,r there may still be room for other libraries and new ideas such as Datum, a new, simple data binding library.
-
/articles/wasm-game-editor-port/en/smallimage/porting-desktop-game-editor-logo-small-1572966893222.jpg)
Porting a Desktop Game Editor to the Browser with WebAssembly
Florian Rival, software engineer at Google and creator of the GDevelop game editor, discusses the lessons learnt from porting a native desktop game editor to the browser with WebAssembly. InfoQ interviewed Rival on the technical challenges encountered, the benefits derived from the port, and tips for developers thinking about porting desktop applications with WebAssembly.
-
/articles/got-nim/en/smallimage/got-nim-s-1563269389853.jpeg)
Got NIM?
This article will introduce Nim, a programming language that is said to be more elegant than Python and efficient like C. It is also easily compiled to JavaScript and utilizes user-friendly Tracebacks. Nim is one of the most under-appreciated languages available, and it may be just right for you.
-
/articles/reduce-react-load-time/en/smallimage/reduce-react-load-time-s-1559640333321.jpg)
How We Reduced Our React App’s Load Time by 60%
React handles UI updates efficiently but it does not magically make your web app faster. As our application grew in size, we started noticing some drawbacks of our setup. Although we knew how React worked and how Redux manages state, our application had bloated in size. We started seeing application crashes and jank. It was time to drive down the technical debt and make performance improvements!
-
/articles/webassembly-blazor/en/smallimage/webassembly-blazor-s-1559028403198.jpeg)
WebAssembly and Blazor: A Decades Old Problem Solved
A framework, named Blazor because it runs in the browser and leverages a templating system or "view engine" called Razor, enables the scenario .NET developers almost gave up on. It doesn't just allow developers to build client-side code with C#, but also allows developers to run existing .NET Standard DLLs in the browser without a plugin. Here's the story of WebAssembly and Blazor.
-
/articles/typescript-mysql/en/smallimage/typescript-mysql-s-1556297412283.jpeg)
Using TypeScript with the MySQL Database
TypeScript has emerged as a powerful environment for authoring web applications, providing significant improvements over standard JavaScript while remaining consistent with the language. In this article we'll explore in depth the details necessary to use TypeScript with Node.js, MySQL, and TypeORM to create a powerful solution for managing database access with server-side TypeScript.
-
/articles/robust-user-interfaces-with-state-machines/en/smallimage/robust-engineering-user-interfaces-state-machines-logo-small-1555683421772.jpg)
Robust Engineering: User Interfaces You Can Trust with State Machines
Industrial-strength modelling techniques used in safety-critical domains can be leveraged for the specification and implementation of user interfaces. This article explains how state machine modelling may lead to robust, testable and maintainable user interfaces.
-
/articles/book-review-refactoring-second-edition/en/smallimage/refactoring-martin-fowler-s-1547048069753.jpeg)
Q&A on the Book Refactoring - Second Edition
The book Refactoring - Second Edition by Martin Fowler explores how you can improve the design and quality of your code in small steps, without changing external behavior. It consists of around seventy detailed descriptions of refactorings, including a motivation for doing them, the mechanics, and an example.