InfoQ Homepage JavaScript Libraries Content on InfoQ
-
/articles/pathpida-dynamic-routing-nextjs-nuxtjs/en/smallimage/pathpida-small-1614957153043.jpg)
Pathpida Brings Types to Next.js and Nuxt.js Dynamic Routing with Zero Configuration
Pathpida is a library for TypeScript projects to collect dynamic routes in one place. It is a tedious task to do manually. This helps check the existence of routes in large web apps. Pathpida is optimized for Next.js (React) and Nuxt.js (Vue). Pathpida can be added to existing Next.js and Nuxt.js projects without configuration.
-
/articles/react-app-edge-cloudflare-workers/en/smallimage/croppted-cloudflare-react-edge-logo-1604342886733.jpeg)
Running React Applications at the Edge with Cloudflare Workers - Q&A with Josh Larson
Running web applications at the edge shortens the latency observed by users of web applications. Flareact is an edge-rendered React framework built for Cloudflare Workers and inspired by Next.js. Flareact currently supports file-based page routing, dynamic page paths, API routes, cache policy configuration, and edge-side data fetching APIs.
-
/articles/brahmos-concurrent-rendering/en/smallimage/brahmos-s-1602270883547.jpeg)
Brahmos, a New, Small, React-Like UI Framework with Concurrent Rendering -- Q&A with Sudhanshu Yadav
Brahmos implements the known React APIs (hooks, context, concurrent mode, and more) with a different and potentially faster method that also leverages a standard feature of JavaScript: template literals. Brahmos is among the very few UI frameworks that implements the experimental concurrent mode API sponsored by React. Other frameworks may be waiting out, or discarding the feature entirely.
-
/articles/crank-frontend-framework-asynchronous-rendering/en/smallimage/crank-frontend-framework-asynchronous-rendering-s-1591387788966.jpeg)
Crank, a New Front-End Framework with Baked-In Asynchronous Rendering - Q&A with Brian Kim
Brian Kim introduces Crank.js, a new front-end framework with baked-in asynchronous rendering. The framework orchestrates front-end applications' tasks and rendering with standard asynchronous generators. Crank strives to be Just JavaScript, and reduces the number of concepts that need to be acquired to write a front-end application. Gone are proprietary notions of asynchronous resources.
-
/articles/extensible-effects-javascript-fun-profit/en/smallimage/extensible-effects-javascript-fun-profit-s-1590760078991.jpg)
Extensible Effects in JavaScript for Fun and Profit - Q&A with William Heslam
Extensible effects, described by some as the right way to structure programs, are crossing over to JavaScript. Extensible effects at core provide a composable and flexible way to separate concerns, while allowing to redefine the implementation of those concerns at will. William Heslam explained what extensible effects are and the benefit of using them.
-
/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/more-than-react-part-2-reusability/en/smallimage/logo.jpg)
More Than React, Part 2: How Binding.scala Makes Reusability Easy
In Part 2 of "More Than React", Yang Bo goes into what's required to reuse components in vanilla JavaScript, ReactJS, and Binding.scala. Through examples, Yang shows how Binding.scala makes creating and reusing components easy with minimal code, reducing complexity and boilerplate.
-
/articles/mvc-web-architecture-polymorphism/en/smallimage/logo.jpg)
Polymorphism of MVC-esque Web Architecture: Classification
The MVC architecture has a long and storied history, from its early days in the Smalltalk community to its modern implementation in JavaScript frameworks. In this article, Brent Chen explains the history of the MVC architecture and its different forms in modern applications, both on the client and on the server.
-
/articles/mobile-app-prototyping/en/smallimage/mobile-logo.jpg)
Iterative Prototyping in the Mobile App Development Process
Mobile app development adopted an iterative, rapid development process and prototypes have a role to play in this agile approach, enabling developers to build, test, iterate, re-test and re-build rapidly and at lower cost (not to mention allowing all stakeholders in the process early on). This article guides through the essential steps of mobile app prototyping.
-
/articles/Angular2-TypeScript-High-Level-Overview/en/smallimage/logo1.jpg)
Angular 2 and TypeScript - A High Level Overview
AngularJS has become the world's most popular JavaScript framework for creating web applications. And now Angular 2 and TypeScript have brought true object oriented web development to the mainstream, using a syntax that is strikingly close to Java 8. In this article we provide a high-level overview of the Angular 2 framework.
-
/articles/state-of-javascript-2016/en/smallimage/HiRes.jpg)
State of the JavaScript Landscape: A Map for Newcomers
Modern JavaScript development is in constant motion. Build tools that were popular 12 or even six months ago are no longer en vogue. In this article, Bonnie Eisenman gives JavaScript newcomers a map to get started on their JavaScript journey. For more experienced JavaScript developers, Bonnie provides an update on where the community is at and what technologies to use for new projects.