Fresh Reads
Source desk · Blog
Sandro Maglione
283 entries in the archiveNewest: Oct 7, 2026Official site
- TypeScript
How to compile and run MDX in React
Custom integration of the mdx compiler to compile and run mdx content as a React components, with full control on the mdx integration and plugins.
My vision for the perfect coding tutorial
What makes a great coding article? How should you structure a tutorial? Start with why, don't make assumptions, ask for feedback early on, cut it short and show me the code.
The future of building web apps is here
Some major releases are coming in the next few weeks: local first conference in Berlin, React 19 together with Typescript 5.5, Dart 3.4 with static metaprogamming.
Everything, anything, everywhere with Typescript
You can build anything with Typescript: create client apps for web, desktop, and mobile, create games, create server apps, scripts, cloud apps, and much more.
Why everyone is talking about Effect
Effect allows to build complex production Typescript applications that are composable and type safe. This is my take on why you should take a look at Effect, what are the benefits of Effect, and how you can get started with Effect.
Core principles for software that scales (in practice)
Implementing large scale software projects requires following some core principles: local reasoning, error handling, testability, debugging, observability, state management, and how these all work in practice.
Frameworks and libraries I use for my web and mobile projects
Cross platform development on mobile using Flutter, but also considering React native. Type safety as much as possible with pure functions, pattern matching, effect system. React with nextjs, preact, remix on web.
Architecture and libraries to implement a web app
This is how I implement a web app: local first and PWA (progressive web apps) as architecture, and libraries like effect, XState, tailwindcss to implement the core of the app, state management, and styling.
How I got into Functional Programming
This is my journey in learning functional programming and its core concepts, using multiple programming languages: from Lisp and Haskell, to object oriented languages like Dart and Kotlin, all the way to Typescript and the web.
Advanced Dart to build Effect: fpdart v2
Learn many powerful and advanced dart's features required to build an Effect System in dart: type system (Never, void, Null), type inference, FutureOr for synchronous and asynchronous functions.
How maintaining an Open Source project looks like
This is my experience as the creator and maintainer of a popular open source library: how to get started, how to make a successful library, how to maintain it, and what are the results.
Effect systems: Functional Programming to the next level
Learn what is an Effect system and how Effect systems are the future of programming. Instead of using complex functional programming jargon, effect systems focus on solving real-world problems.
How I learn a library by reading code
The best way to explore a library is to read code written by its core maintainers. This is how I learn a new library by reading someone else's code: look for patterns, reimplement similar examples, ask for help.
Scale complexity in software applications
A new paradigm to scale complexity in software applications: use types to define errors and dependencies, and use the compiler to guide the implementation and unlock local reasoning.
Effect Days: The beginning of a new era
The Effect Days: 3 days of conference in Vienna all about Effect and the future of Typescript. This is all that happened, why this is the beginning of a new era for software development, and all the main takeaways from my experience at the conference.
Why using Effect in Typescript: refactoring example and benefits
Why should I use Effect? What benefit does Effect provide? What are some real world examples of using Effect? Learn how to use Effect to refactor a real world example from plain Typescript.
4 Principles for all programming languages
Different programming languages shares similar challenges. There are some common solutions to these problems: error handling, dependency injection, logging and observability.
State machines and Actors in XState v5
Learn how to implement a state machine using actors in XState v5, how to organize the code for context, input, events, and actions, and how to invoke and use actors in a state machine.
Actors and State Machines will solve State Management
Learn what actors and the actor model are and how to use them for state management. Combine XState and Effect to manage complexity and state in any app, both frontend and backend.
Build and publish an npx command to npm with Typescript
Learn how to implement a custom script with Typescript and publish it as an npx command on npm: write script, package.json configuration, bundle code, release on npm.
I built a framework: M(e)nimal static site generator
This is how I built a minimal static site generator in Typescript using Effect: how a static site generator works, how it's implemented, and how to publish it to npm as an npx command.
Macros, Static Metaprogramming, and Primary Constructors in Dart and Flutter
Some new features are coming to the dart programming language: static metaprogramming and primary constructors. Learn how macros, static metaprogramming, and primary constructors work, why they matter, and how to use them.
How to build a complete Flutter app: step by step example
Learn how to create a Flutter app with the most common features: routing, navigation, data models, data storage, dependency injection, error handling, state management, and Flutter widgets.
How I build a cross-platform app: zero to release
Cross-platform app development with Flutter and Dart: learn how to setup your project, what packages to choose, and how to use them to implement routing, state management, data storage, and UI.