FaxJs VS astro

More accurately, Facebook engineer Jordan Walke created the small UI framework FaxJs, Facebook realized that a technology like this could solve their horrible mess of cascading DOM updates that made it near-impossible to make product improvements, and they soon turned it into React.

That's actually the heritage of JSX!

XHP was launched in 2010 (https://www.facebook.com/notes/10158791323777200/)

The first version of FaxJs (the precursor to React) was launched in 2011, being directly inspired from XHP (https://github.com/jordwalke/FaxJs)

React was made in 2012 by the same person who made FaxJs, taking the best ideas from FaxJs and creating React.

So yeah, JSX actually comes from the idea of XHP :)

React was introduced to the world in May 2013 at a JavaScript conference in the US. It proved to be a game-changer and quickly became the king of JavaScript libraries. It was brought into existence by Jordan Walke, a software engineer at Facebook. He also created FaxJS in 2011, the early prototype of React.

Around a decade ago, Facebook started looking for a way to modernize its web app. It was becoming increasingly complicated, and they needed a framework to make it easier to build and maintain. To fix this, they created a project called Bolt. Bolt was an MVC framework built on top of JavelinJS, and it solved many of the problems Facebook had. However, it was not perfect. Jordan Walke, a developer at Facebook, created the next iteration of Bolt, called FaxJS. It offered many features that React has today, like rendering on both client and server, DOM diffing, and more. Jordan Walke renamed FaxJS FBolt and started using it in Facebook's codebase.

Source: FaxJs on GitHub

Also keep in mind that when React was created by Jordan Walke, he was trying to solve a very specific problem (correctly displaying notification / message counts, which was a big issue at Facebook at the time), and not setting out to create a complete and all-encompassing UI framework. If you're interested in the prototype, FaxJS, which he created, and which subsequently spawned React, here's the repo: https://github.com/jordwalke/FaxJs

Depending on the stack of the repository you are cloning, you might have to install additional dependencies. For this demo, I'm using my own website, which is a static website built with Astro.js. It which requires to have Node.js installed and Yarn for package manager.

Database: turso [7] or neon postgres [8] with (drizzle orm) or cloudflare durable objects

1. https://github.com/withastro/astro

Maybe a bit too elaborate for your taste, but I've used https://astro.build/ and loved every bit of it.

Astro is an open-source JavaScript framework known for its versatility, performance, and new approach to web development. It enables developers to create fast, modern, content-rich web applications and sites using the "Bring Your Own Framework" (BYOF) model.

Astro was always on my list of things to learn. I've been using Remix and NextJS for a while, and I was interested in trying out a new framework. I decided it would be a good opportunity to build the site with it. This decision turned out to be a great one, as it saved me a lot of money on hosting costs later on.

We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with Astro, Nx, [Vitest]https://analogjs.org/docs/features/testing/vitest, Storybook, and more.

import { defineDb, defineTable, column } from 'astro:db'; const Visits = defineTable({ columns: { id: column.number({ primaryKey: true }), page: column.text({ default: 'home' }), content: column.text({ default: "none" }), pagination: column.number({ default: 1 }), visitor_ip_hash: column.text(), visitor_user_agent_hash: column.text(), visitor_count: column.number({ default: 1 }) } }); // https://astro.build/db/config export default defineDb({ tables: { Visits } });

Additionally, for the latest version, I embraced documentation within Astro, one of my favorite frameworks.

Volar originally was Vue3's language support tool for VScode (I don't know about other editors). By today, volar has become a language indipendent framework to create language tools. It might still be a bit early for the dev with skill issues like me to use it and build some tools, but astro and svelte already use Volar to create their language tools.

I first heard about Astro a couple of years ago when it became more popular among the JavaScript frameworks ecosystem. At first, it looked like a great framework to build a landing page, maybe a tiny, interactive web app.