<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>React on Artur Rios Lab</title><link>https://lab.artur-rios.tech/tags/react/</link><description>Recent content in React on Artur Rios Lab</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Wed, 21 Oct 2026 09:00:00 +0000</lastBuildDate><atom:link href="https://lab.artur-rios.tech/tags/react/index.xml" rel="self" type="application/rss+xml"/><item><title>Mosaic: A Second Brain App</title><link>https://lab.artur-rios.tech/brainstorms/mosaic/</link><pubDate>Wed, 21 Oct 2026 09:00:00 +0000</pubDate><guid>https://lab.artur-rios.tech/brainstorms/mosaic/</guid><description>&lt;p&gt;An app that wants to be your second brain.&lt;/p&gt;&#10;&lt;h2 id="features"&gt;Features&lt;a class="heading-anchor" href="#features" aria-label="Link to this section"&gt;&lt;/a&gt;&lt;/h2&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;Create and organize notes in Markdown&lt;/li&gt;&#10;&lt;li&gt;Calendar&lt;/li&gt;&#10;&lt;li&gt;To do list&lt;/li&gt;&#10;&lt;li&gt;Kanban board&lt;/li&gt;&#10;&lt;li&gt;Pomodoro sessions&lt;/li&gt;&#10;&lt;li&gt;Mermaid diagrams&lt;/li&gt;&#10;&lt;li&gt;Draw diagrams&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="inspiration"&gt;Inspiration&lt;a class="heading-anchor" href="#inspiration" aria-label="Link to this section"&gt;&lt;/a&gt;&lt;/h2&gt;&#10;&lt;p&gt;This app wants to combine features from these apps:&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;a href="https://obsidian.md/"&gt;Obsidian&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a href="https://super-productivity.com/"&gt;Super Productivity&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a href="https://excalidraw.com/"&gt;Excalidraw&lt;/a&gt;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="platforms"&gt;Platforms&lt;a class="heading-anchor" href="#platforms" aria-label="Link to this section"&gt;&lt;/a&gt;&lt;/h2&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;Android&lt;/li&gt;&#10;&lt;li&gt;Linux&lt;/li&gt;&#10;&lt;li&gt;Web&lt;/li&gt;&#10;&lt;li&gt;Windows&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="technology-stack"&gt;Technology stack&lt;a class="heading-anchor" href="#technology-stack" aria-label="Link to this section"&gt;&lt;/a&gt;&lt;/h2&gt;&#10;&lt;p&gt;Two of the features decide most of the stack before anything else is weighed.&#10;Excalidraw is published as a React component, and Mermaid is a JavaScript&#10;library. Any stack that does not run JavaScript in a web view has to embed one&#10;to get them, so the cheapest path is to make the whole app a web app and wrap&#10;it for each platform. The suggestion below follows that path.&lt;/p&gt;</description></item><item><title>Angular, React or Flutter? How They Compare and How to Choose</title><link>https://lab.artur-rios.tech/front-end/choosing-a-front-end-framework/</link><pubDate>Tue, 20 Oct 2026 18:00:00 +0000</pubDate><guid>https://lab.artur-rios.tech/front-end/choosing-a-front-end-framework/</guid><description>&lt;p&gt;&amp;ldquo;Angular or React?&amp;rdquo; is one of the most common questions in front-end&#10;development, and &amp;ldquo;or Flutter?&amp;rdquo; is now often added to it. The question sounds&#10;like a choice between three brands of the same product. It is not. Angular is&#10;a complete framework for web applications; React is a library for turning state&#10;into UI, which needs a framework around it to make an application; Flutter is a&#10;toolkit for mobile, desktop, web and embedded apps that does not use the&#10;browser&amp;rsquo;s HTML at all, but draws every pixel itself. Each has been described in&#10;detail in this section: &lt;a href="https://lab.artur-rios.tech/front-end/angular/"&gt;What Is Angular?&lt;/a&gt;,&#10;&lt;a href="https://lab.artur-rios.tech/front-end/react/"&gt;What Is React?&lt;/a&gt; and&#10;&lt;a href="https://lab.artur-rios.tech/front-end/flutter/"&gt;What Is Flutter?&lt;/a&gt;. This article puts them&#10;side by side and ends with a guide to choosing.&lt;/p&gt;</description></item><item><title>What Is React? Components, Rendering and the Library Behind Modern Interfaces</title><link>https://lab.artur-rios.tech/front-end/react/</link><pubDate>Tue, 20 Oct 2026 18:00:00 +0000</pubDate><guid>https://lab.artur-rios.tech/front-end/react/</guid><description>&lt;p&gt;React is a JavaScript library for building user interfaces out of&#10;&lt;strong&gt;components&lt;/strong&gt;: small functions that describe what a piece of the screen&#10;should look like for a given state. You never tell React &lt;em&gt;how&lt;/em&gt; to change the&#10;page; you describe what it should be now, and React works out the smallest set&#10;of changes that gets the screen there. The idea met a cool reception when&#10;Facebook released React in 2013; today React is the most used library of its&#10;kind. In Stack Overflow&amp;rsquo;s 2026 Developer Survey, 42 percent of respondents said&#10;they had used it, second among web frameworks and technologies only to&#10;Node.js.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;</description></item></channel></rss>