In a previous article I discussed about freezed and kt_dart, a couple of packages that bring immutable value types to Dart and Flutter. I omitted to cover a free feature exposed by freezed: the integration with json_serialializable. Installation First of all, add the dependency to pubspec.yaml file: Then, edit your…

When I started developing Flutter apps, I also met the Dart language for the first time in my life. I was quite surprised to notice that the Flutter team chose a language that does not support immutability extensively out-of-the-box. I still think that’s quite strange, in particular if you compare…

I’m not too convinced that cross-platform UI will ever be a real thing in terms of final product quality (btw, I think a real thing might be Kotlin Multiplatform logic + native UI layer), nobody can doubt that tools like Flutter or React Native are really effective if we talk…

First things first: what is Next.js? A small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel. It comes out of the box with preconfigured features like routing, static optimization, server-side rendering, code splitting, CSS-in-JS support, hot reloading and API routes à la Express.js, Deployment…

I was reading again my article about Jetpack Navigation, in particular the part regarding the parameters passed to destinations. I can pass small serializable objects, but what can I do to pass more complex stateful objects? How to pass the baton to next destination? When you navigate to a destination, a fragment is automatically instantiated with direction parameters…

From an iOS developer perspective, how screens are presented in an Android is quite strange. The first time I developed an Android app, I was taught to create an Activity per screenful of content. …

A Noob Meets Wep Apps, Episode 7 — In previous episode I introduced code splitting without adding any feature. Now it’s time to move on and to code an header component with logo, title and navigation commands. Layout component It is useful to create a general layout component to make sure every screen have same UI structure.

A Noob Meets Web Apps, Episode 6 — In previous episode we introduced routing. App starts to have a structure: I’ll try to run a production build to evaluate code size. $ npm run build

A Noob Meets Web Apps, Episode 5 — In previous episode I structured my React app using composition of components. Now it’s time to adopt react-router to go from poll list to single poll where user will vote. $ npm install --save react-router-dom $ npm install --save-dev @types/react-router-dom Firebase hosting is already configured to support browser history thanks…