InfoQ Homepage React Content on InfoQ
Articles
RSS Feed-
/articles/exploring-architecture-building-game/en/smallimage/z-rSFqhA-1650577584417.jpg)
Exploring Architectural Concepts Building a Card Game
One of the things I missed during the pandemic were my friends, the possibility to meet them, discuss with them and, why not, play cards with them. So I decided to implement an app to play Scopone with my friends and, at the same time, test “in the code” some architectural concepts which had been intriguing me for some time.
-
/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/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/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/affordable-react-native-development/en/smallimage/logo.jpeg)
Affordable React Native Mobile App Development
This article reviews the main benefits of developing a React Native mobile app and discusses a number of scenarios to make it more affordable, including local development, offshoring, and outsourcing.
-
/articles/data-science-abstraction/en/smallimage/logo-clojure.jpg)
Data Science up and down the Ladder of Abstraction
Although Clojure lacks the extensive toolbox and analytic community of the most popular data science languages, R and Python, it provides a powerful environment for developing statistical thinking and for practicing effective data science.
-
/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.
-
/articles/react-native-introduction/en/smallimage/logo.jpg)
Writing Cross-Platform Apps with React Native
React Native is Facebook's open source project for building native mobile apps using JavaScript. Rather than wrapping a web view and pretending to be a mobile app, React Native allows developers to create truly native applications. Bonnie Eisenman presents an introduction on React Native, how to get started, and how to get your app into the store.